精心收藏的一些web前端开发必备工具~~
1.ietester 0.3.5 多国语言版-同时拥有ie6、ie7、ie8（vista兼容）
http://my-debugbar.com/wiki/ietester/homepage

2.web developer for firefox插件
在菜单和工具栏加上多种网页开发工具
https://addons.mozilla.org/zh-cn/firefox/addon/60

3.firebug1.3.3 for firefox插件
firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 css、html 和 javascript。
http://addons.sociz.com/firefox/531/

4.javascript debugger for firefox插件
firefox下的javascript调试工具,比firebug有更强大的调试功能.
https://addons.mozilla.org/en-us/firefox/addon/216

5.ie tab 1.5.20081203 for firefox插件
让您可以直接在 firefox 的标签页中以内嵌的 ie 引擎浏览网页。
http://addons.sociz.com/firefox/53/

6.colorzilla 2.0 for firefox插件
高级吸管、取色器、页面缩放和其他色彩应用功能。
https://addons.mozilla.org/zh-cn/firefox/addon/271

7.firescope1.0.1 for firefox插件
firescope是一个firefox扩展，同时也是一个firebug扩展，可以帮助用户快速的搜索html元素、属性以及css属性的参考信息
https://addons.mozilla.org/zh-cn/firefox/addon/10273/

8.firediff0.1a2 for firefox插件
firediff 是一个很有用的firebug插件，它可以跟踪页面中的dom变化，并且及时显示变化的情况。
firediff需要 firebug 1.4a17 以上的版本才能运行
http://incaseofstairs.com/download/firediff/?m=a\

9.jsview for firefox
jsview可以用来查看javascript和css文件的源代码和路径等。是个非常方便的工具。
http://addons.sociz.com/addon/316

10.faststone capture
faststone screen capture (fscapture) 是一款免费的图像浏览、编辑和抓屏工具，支持包括bmp, jpeg, jpeg 2000, gif, png, pcx, tiff, wmf, ico 和tga在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，拖放支持可以直接从系统、浏览器或其他程序中导入图
http://xdowns.com/soft/31/46/2006/soft_33967.html

11.debugbar v5.2.2
debugbar是一款internet explorer插件。它可以用于检查dom，http，javascript及html代码合法性等。
http://xdowns.com/soft/1/30/2008/soft_41181.html

12.yslow（why slow？-为什么慢呢？）
yslow是一款用来分析网页，并提出前端性能改进建议的firefox插件。yslow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具，如：smush.it™ 、 jslint。
http://developer.yahoo.com/yslow/

13.page speed
与yslow非常相似，page speed是google团队推出的一款用于评测网页性能的插件，尤其可以依据“网页性能最佳实践”对网页性能提出改进建议。
page speed可以自动优化图片，并提供压缩版本。它也可以侦测到那些实际并未用到的javascript和css，以便优化它们。
page speed可是个1.3m的大插件，它还拥有许多优秀功能等你尝试。
http://code.google.com/speed/page-speed/

14.pixel perfect
在制作网页时，在页面上添加一个新的设计元素（例如一个图片或图标）之前，我们往往希望提前看到元素添加后页面的整体效果。pixel perfect就可以帮你实现这个想法，它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。
我感觉这款插件也可用来做网页中元素的微调，以保证和最初设计蓝图一致，如它的名字，完美到一个像素都不差。
http://pixelperfectplugin.com

15.codeburnder
安装codeburner后，可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性，就像一个字典一样。
当在firebug中选中一个节点时，它也会提供一些相关的代码示例供你参考。
http://tools.sitepoint.com/codeburner/

16.fireunit
fireunit提供了一个简单的api用来做简单的测试记录及单元测试。
http://fireunit.org/

17.firephp
在firephp的帮助下，你可以通过调用一个简单的php方法，在firebug中记录日志。
数据是通过响应包头（response header）发送的，不会影响到网页内容。
http://firephp.org/

18.firerainbow
firerainbow 可以用来控制、修改firebug中script的语法高亮显示。
http://firerainbow.binaryage.com/

19.firediff
it adds a change monitor recording every change made, by firebug and the website itself, to css and the dom.
它能够记录通过firebug或网站自身的css或dom的每一次改动。
http://incaseofstairs.com/firediff/

20.jiffy firefox extension
安装jiffy firefox extension后会在firebug中出现一个新面板，用来图形化显示javascript的运行时间，并可打印出报表。
看主页说明，使用好像还有点麻烦。感兴趣的朋友自己看下。
http://billwscott.com/jiffyext/

21.hammerhead
hammerhead可以帮助你计算网页的载入时间。（这个好像firefox本身具备啊）
它支持多页面，并允许你清除磁盘或内存缓存后再进行载入时间测试。
http://stevesouders.com/hammerhead/

22.firecookie
firecookie, 是一个嵌入在firebug中的cookie浏览管理插件。
如果在web开发中用到了cookie，使用它可以轻松的浏览cookie值、过期时间等，有助于快速开发。
使用它时需要在firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。
http://softwareishard.com/blog/firecookie/

23.firefinder
在之前发布的一篇日志“一款快速查找页面元素的firefox插件——firefinder”，专门介绍过这款插件。不再多说，需要的话去看一下。
http://robertnyman.com/firefinder/

24.livecoder
livecoder是firebug的一个扩展，用来查看firefox chrome。这对与那些firefox插件开发者非常有用，它可以帮你检查、修改firefox插件的dom。
不知道国内是否开发firefox插件的，否则就用不到了。
http://getlivecoder.com/

25.ietester下的debugbar插件
下载：install-debugbar-v5.2.2.rar

26.editplus v3.11 build 421 汉化版
editplus 是一款功能强大的文字处理软件。它可以充分的替换记事本，它也提供网页作家及程序设计师许多强悍的功能。支持 html、css、php、asp、perl、c/c++、java、javascript、vbscript 等多种语法的着色显示。程序内嵌网页浏览器，其它功能还包含 ftp 功能、html 编辑、url 突显、自动完成、剪贴文本、行列选择、强大的搜索与替换、多重撤销/重做、拼写检查、自定义快捷键，等等… editplus v3.11.421 错误修正 ========== * 目录窗口保留上一次打开的文件夹图标 * “多次运行” 工具栏按钮 *…
http://crsky.com/soft/1578.html

27.dreamweaver cs3,4扩展—jquery自动提示
下载地址：http://code.google.com/p/jquery-api-zh-cn/downloads/list
续写…..

28.css usage 0.2.0 for firefox插件
firebug extension to view which css rules are actually used.
下载地址：https://addons.mozilla.org/zh-cn/firefox/addon/10704

29.library detector for firefox插件
探测网页中使用了哪些javascript框架，并在状态栏中显示其图标，鼠标悬停在图标上可显示详细信息
下载地址：https://addons.mozilla.org/zh-cn/firefox/addon/10083

30.library detector for firefox插件
organize status bar是一款firefox状态栏图标管理插件，对于使用firefox的用户来说，状态栏一定放置了很多常用的插件图标，但每当安装新的 firefoxr插件后，这些状态栏的图标就会自动排列，对于使用习惯来说，是非常不好的一件事，而organize status bar就是一款能帮助用户自定义状态栏插件图标的，它能设置各插件图标的显示、隐藏，位置顺序等功能……
下载地址：https://addons.mozilla.org/zh-cn/firefox/addon/1759

31.extended statusbar
顾名思义，这个插件是一个扩展的状态栏。他给原先相对简单的状态栏添加了诸如网页载入速度、百分比、时间和大小等相关的信息。
下载地址：https://addons.mozilla.org/zh-cn/firefox/addon/1433

32.flashblock
flashblock 扩展可以阻止网页上那些让人讨厌的 flash。它将会阻止载入所有的 flash 内容，并在网页上显示为占位符，使您可以点击查看或下载这些 flash。
下载地址：https://addons.mozilla.org/zh-cn/firefox/addon/433

火狐插件主站搜索：https://addons.mozilla.org/zh-cn/firefox

作者：he min
出处：http://hemin.cn
本文版权所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。