文刀三皮的博客-专注运维技术，记录实用的系统维护配置

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://www.ff-bb.cn/logs/71688392.html

1. Firebug

Firebug被认为是开发者和设计者必备的工具, 它与Firefox完美结合, 为用户浏览页面时提供强大的易用的开发工具，其特性包括即时编辑，debug，辅助设计网页中的CSS，HTML，JavaScript, 一旦拥有，别无所求

2. HTML Validator

HTML Validator, 不出所料, 在Firefox中内置的HTML验证器，当一个页面在浏览的过程中，任何可以检测到的HTML错误都会以图标的形式在状态栏中显示

3. IE Tab

通常我们在开发过程中经常会要求兼容不同的浏览器，如IE，Firefox等，当时我们的做法是在IE和Firefox浏览器间来回切换，而现在有了IE Tab，只要一次点击就可以看到你的页面在IE里的样式及运行状况，而且只要再一点击即可简单地回到Firefox里，一个对开发者非常有用的工具。

4.ColorZilla

ColorZilla是一款对设计者非常有用的附加插件，尤其是那些在某些网站发现的从未准确复制为自己所用的朋友们，其特点包括先进的拾色器，页面缩放工具等，这意味着你可以在你的浏览器中取到色彩并且把它转到成你自己的调色板中，以便在接下来的页面设计中用到。其他便利功能包括缩放功能，它允许你去测试页面中任意两点间的距离。

5.MeasureIt

顾名思义，它是用来测量的，你可以使用它来画出一个尺子来测试你所浏览页面中任何可视元素的宽和高的像素，简单高效，是设计者的一个委好的工具。

6. WebDeveloper

Web Developer一款开发者和设计者必备的又一利器，它可以屏蔽脚本、样式供你调试，而且还可以操作Cookie，功能多且强大。

7.Yslow

Yslow integrates with Firebug in order to analyse web
pages and suggest ways of improving their performance. It grades pages based
on one of its three pre-defined rule sets for high performance websites, or
based on a more individual user-defined rule set, fully customisable by the
developer. After analysing the page’s performance, YSlow provides a set of
statistics about the page and also offers suggestions for areas of improvement
and ways to make the page quicker, enabling the developer to see exactly where
a page is going wrong.

8.Aardvark

Aardvark is a user-friendly selector tool which allows
developers to select elements of a web page and perform specific actions on
them, including editing their size and location within the page, as well as
adding and removing different aspects to suit your needs. A simple right click
is all that is needed to begin the editing process, and with a feature that
allows users to analyse the structure of the page, Aardvark is becoming
increasingly popular with novice and experience developers alike.

9.Greasemonkey

Greasemonkey is a relatively simple app that allows
developers to customize the way in which a website displays by using small
bits of JavaScript. The plug-in offers access to an online library of scripts
already for a wide range of popular websites, as well as the ability for web
developers to write their own.

10. FirePHP

FirePHP is a handy plug-in for developers who already use
FireBug. By using a simple PHP method call, users are able to log in to their
Firebug Console. To use, Firebug must already be installed and a PHP library
downloaded. For developers looking to improve their Ajax development, FirePHP
is a very useful tool.