浏览器开发插件列表(JS、DIV、CSS)

文档下载：
IE插件
1、 Microsoft JavaScript Debugger(推荐)
在IE下把调试功能打开，配合这个工具可以方便调试，体积比VS的小，功能比较简单那，但效率很高。
http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en


2、 HttpWatch (推荐)
一款非常好的HTP Header跟踪软件，通过它可以知道访问页面的cookie,session信息，Get和Post的发送的数据包分析，Catch，QueryString的分析等。
http://www.httpwatch.com/


3、 Internet Explorer Developer Toolbar
微软开发的IE下Web开发工具条，可以方便的浏览和修改Web页的文档对象模型（DOM），清空浏览器缓存和cookie，显示设计时标尺，帮助对齐对象等，与firefox下DOM查看器类似。
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en


4、 Powerband
是一个InternetExplorer的插件(同时也支持MyIE2/Maxthon)。提供了对HTML动态分析，跟踪，编辑的功能。能够方便快捷的分析HTML页面的结构，有助于网页设计人员/网站开发人员调试，分析晦涩的HTML代码。
http://www.stonebase.cn/powerband/



5、 ViewPage
MyIE2/Maxthon浏览器插件，像是资源提取，可以方便的提取网页中的源代码，包括所有框架的源代码，提取图像、Flash、媒体文件、链接，我最欣赏的就是能方便的查看页面中包含的所有js文件源代码和所有css源代码。
http://res.maxthon.com/ItemList.aspx?i=507


Firefox插件
扩展地址：
https://addons.mozilla.org/en-US/firefox/browse/type:1/cat:4
http://addons.mozine.cn/firefox/extensions/

6、 Firebug (推荐)
网页开发者利器，非常好的调试javascript、dom、html。
http://www.getfirebug.com/


7、 JavaScript Debugger(推荐)
Mozilla专门的javascript调试器，在firefox很好用。
https://addons.mozilla.org/en-US/firefox/addon/216

8、 Live HTTP Headers(推荐)
实时跟踪浏览器与服务器端的HTTP Header请求，可供调试查看和导出日志供分析。
https://addons.mozilla.org/en-US/firefox/addon/3829


9、 Web-develoer(推荐)
涵盖Web开发者需要的几乎所有功能，有效辅助Web开发。
http://chrispederick.com/work/web-developer/

10、 Add N Edit Cookies
查看添加编辑管理Cookies,Session, 很方便。
https://addons.mozilla.org/en-US/firefox/addon/573

11、 ColorZilla
捕捉显示页面上颜色值、坐标等信息。
https://addons.mozilla.org/en-US/firefox/addon/271

12、 IE View
用IE内核解析页面，实时切换调试。
https://addons.mozilla.org/en-US/firefox/addon/35

13、 View Source Chart
查看源代码的升级，可以颜色区分tag标记。
https://addons.mozilla.org/en-US/firefox/addon/655

文档下载：配图
http://jarryli.googlepages.com/BrowserPlugins.doc