1.IETester 0.3.2 多国语言版-同时拥有IE6、IE7、IE8（Vista兼容）

http://www.my-debugbar.com/wiki/IETester/HomePage

2.Web Developer for firefox插件
在菜单和工具栏加上多种网页开发工具https://addons.mozilla.org/en-US/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插件
高级吸管、取色器、页面缩放和其他色彩应用功能。

http://addons.sociz.com/firefox/498/

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://www.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://www.xdowns.com/soft/31/46/2006/soft_33967.html

11.DebugBar v5.2.2
DebugBar是一款Internet Explorer插件。它可以用于检查DOM，HTTP，Javascript及HTML代码合法性等。

http://www.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://www.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://www.incaseofstairs.com/firediff/

19.Jiffy Firefox Extension
安装Jiffy Firefox Extension后会在Firebug中出现一个新面板，用来图形化显示Javascript的运行时间，并可打印出报表。
看主页说明，使用好像还有点麻烦。感兴趣的朋友自己看下。

http://billwscott.com/jiffyext/

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

http://stevesouders.com/hammerhead/

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

http://www.softwareishard.com/blog/firecookie/

22.Firefinder
在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”，专门介绍过这款插件。不再多说，需要的话去看一下。

http://robertnyman.com/firefinder/

22.LiveCoder
LiveCoder是Firebug的一个扩展，用来查看Firefox Chrome。这对与那些Firefox插件开发者非常有用，它可以帮你检查、修改Firefox插件的Dom。
不知道国内是否开发Firefox插件的，否则就用不到了。

http://getlivecoder.com/

===============================================

1.可以利用Google Closure Compiler Service对js代码进行压缩

这一般会去掉开发时写的注释，除去所有空格和换行，甚至可以把原来较长的变量名替换成短且无意义的变量名，这样做的目的是加快文件的下载速度，同时也减小 网站访问带来的额外数据流量，另外在代码保护上也起到了一点点作用，至少压缩后的代码即使被还原还是没那么容易一下读懂的。要想代码能正确通过压缩，一般 要求语句都要以分号正常结束，大括号也要严格结束等，具体还要看压缩工具的要求。

2.做快捷demo

http://jsfiddle.net/