5 Firefox Addons for the Average Web Developer 5 Firefox的插件为平均Web开发

You won’t find any super-advanced addons for “extracting strings from xml and javascript files to simplify mozilla application localization process” or “debug running applets and Java Webstart application” in this list.你不会找到任何超先进的插件为“提取字符串从XML和JavaScript文件，以简化Mozilla的应用软体的本地化进程”或“调试运行程序和Java webstart应用”在这个名单上。 These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites.这些插件是为“我们其余的” -人谁勉强要编辑我们自己的网站。

MeasureIt measureit

MeasureIt measureit allows you to quickly bring up an on-screen “ruler” to measure sections of your site.让您快速带来了一个在萤幕上的“统治者”来衡量各款您的网站。 Quickly determine the space between certain sections, indents etc.快速判断之间的空间的某些部分，缩进等。

Quick Usage Instructions 快速使用说明
1. Click the MeasureIt button in the bottom right corner of Firefox按一下按钮measureit在右下角的Firefox



2. Click and drag the area you want to measure.单击并拖动该地区您想要的措施。



lori罗尼

lori罗尼 stands for “Life-of-request info”.主张“生命的请求信息” 。 What it does is tell you valuable info on how long it takes for your page to display, how large it is, and how many requests were made to load the page.它的是告诉你有价值的信息就需要多久才能为您的网页显示，如何大，这是，又有多少的要求，作出了载入网页。

The first number displayed is the time it took to see the first byte returned from the server (from your click to the first byte received by your browser).第一个数字显示的是所花费的时间看到的第一个字节返回从服务器（从您的点击第一个字节收到您的浏览器） 。 It’s displayed in seconds (up to the thousandth of a second).它的显示在数秒内（至千分之一的第二个） 。

The second number is how long it took to display the page (from your click to the complete rendering of the page).第二个数字是经过多久才显示页（从您按一下以完整的渲染网页） 。 Again, the time is displayed in seconds, up to the thousandth of a second.再次，时间显示是在数秒内，到千分之一一秒钟。

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page).第三个数字显示的是总页面大小（字节数/千字节/兆字节可用来显示网页） 。 This value includes both bytes fetched from the server and bytes fetched from the browsers cache.这个价值包括两个字节牵强，从服务器和字节牵强，从浏览器缓存。

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc).第四和最后的人数是总人数“请”用来获取网页内容（图片，风格-资产负债表， JavaScript的等） 。 Again, this value includes both data downloaded from the server and cache requests.再次，这个值，既包括数据下载从服务器和高速缓存的要求。



Source Viewer Tab源代码查看标签

Source Viewer Tab源代码查看标签 is a simple but extremely helpful addon.是一个简单的，但极有帮助addon 。 When you select View Source (or View Selected Source it opens the source view in a new tab, instead of a new Firefox window. If that weren’t enough, it also allows you to specify a totally different application to view your source with (Notepad, TextEdit - whatever your HTML editor of choice is).当您选择查看源文件 （或查看选定的来源，它会打开来源鉴于在新标签，而不是一个新的Firefox窗口，如果这还不够，它还允许您指定一个完全不同的应用，以查看您的来源与（记事本，文字编辑-无论你的H TML编辑器的选择是） 。


Source Viewer Tab settings 源代码查看选项卡设置


Source Viewer Tab displaying HTML source in a tab 源代码查看选项卡上显示的HTML源代码在一个标签

IE View Lite即查看建兴

IE View Lite即查看建兴 is fairly self explanatory.是相当自我解释性。 It allows you to view a page in IE.它允许您查看网页在IE中。 It has a couple of added benefits vs. similar addons.它有几个好处与类似的插件。 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1 ）它的规模较小和2 ） ，它可让您指定的Safari ，而非即如果您使用的OS X中

Right-click a blank spot on any web page and select View This Page in IE to do just that.右键单击空白处在任何网页上，并选择浏览此网页在IE中做到这一点。



To use Safari instead of IE (OS X only), change the Internet Explorer Location to /usr/bin/open and add -a Safari to the Parameters field.以使用的是Safari ，而非即（ OS X的唯一） ，更改Internet Explorer的位置为/ usr /斌/开放和添加-一Safari浏览器 ，以参数领域。


IE View Lite set to use Safari 即查看建兴设置为使用Safari

Firebug萤火虫

Firebug萤火虫 is without question the most advanced addon in this list.毫无疑问是最先进的addon在此清单。 Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff.虽然它的能力做了很多“专家级”的东西，它也非常方便，为搞清楚基本的东西。 I’ve been using it a lot lately (new theme on Simple Help) to determine which part of the .css file is causing things to render the way they do.我一直在使用它了很多，最近（新的主题就简单的帮助） ，以确定哪些部分的。 CSS的文件是造成东西使他们这样做。 Webmonkey webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting.具有良好的补习就开始与萤火虫如果接口似乎有点令人望而生畏。 For what it’s worth, Firebug has saved me hours of frustration over the last week alone.为什么值得一提的，萤火虫已救了我小时的挫败感比上周单。


click to enlarge 点击放大