现在的主流浏览器主要分IE和Firefox两种，下面分别介绍。
A）FireFox篇
1、Firebug，Firefox的著名插件。
官方网址：http://www.getfirebug.com/
有了她，开发者可以轻易地找到页面包含的任何资源——包括HTML标签，对应样式，Dom结构，js变量。
查找的方式可以通过敲入关键词查，也可以通过Inspet，直接通过鼠标点取。
当页面元素的事件被触发时，还能观察到对应标签的属性变化。
更强大的是，开发者还能直接编辑标签，这样可以自定义想要的页面最终效果。
Firebug还支持javascript断点调试，运行js出错时，能快速定位到出错的语句行。
2、YSlow，Yahoo出品的Firefox插件。
官方网址：http://developer.yahoo.com/yslow
yahoo的技术人员，根据经验制定了“高性能网站需要遵循的14条规则”——http://developer.yahoo.com/performance/index.html#rules
依据这些规则，YSlow能检验页面的结构，给出性能分值，告诉开发者为提高页面性能还有什么地方需要改进。
Tips：安装 YSlow 必需先安装 FireBug 。
3、DOM查看器
Firefox里自带的工具，按Ctrl+Shift+I 即可见。
通过DOM查看器，能看到整个页面的dom结构，这对js的dom节点的访取有直观感受。
4、Tamper Data
官方网址：https://addons.mozilla.org/zh-CN/firefox/addon/966
查看页面的HTTP POST和GET请求的工具，非常不错。
5、Web Developer
官方网站：http://chrispederick.com/work/web-developer/
也是一个集大成者，包含了不少功能，主要的特色在Cookie查看和表单管理，把信息展示在弹出页面上，一目了然。
对开发者也是一个不错的体验。
B）IE篇
1、IE Developer Toolbars，IE下的开发工具。
官方网址：http://download.microsoft.com/download/f/3/c/f3c93e70-ccdc-46c9-bbd4-70d94bdd0cc9/IEDevToolBarSetup.msi
微软出的东西，功能与Firebug类似。
比较有特色的功能有：能自定义页面的分辨率，看页面在不同分辨率情形下的运行情况。
Cache，Cookie的设置和查看，可以看看产生的cookie是长什么样子的。
另外能快速增加标签的样式属性，呵呵，其实Firebug也行，只是增加的方法不太一样。
View功能比较强大，能查看页面的Tab indexes，所有元素的Link Path等。
感觉这工具只是为查看页面结构而做了，对javascript几乎没有涉及，无助于js的调试。
2、IE HttpWatch
官方网址：http://www.httpwatch.com/
类似TamperData，也是一个网页分析数据工具。
每一个HTTP记录都可以详细的分析其执行方法，类型，结果，消息头，Post数据等信息。
——可惜是收费的！-_-!
很多开发人员都青睐用FireFox进行开发调试，如果需要使用Javascript，编写Ajax等程序，更会首选“火狐狸”。
Firefox下载插件都是免费的，而且通过获取扩展按钮，可以很方便的找到并安装这些插件。
开发者不能有太多偏见，还是要站在用户的角度去开发产品。
一般，我们都会在Firefox下进行开发调试，再在两种浏览器下进行测试，遇到问题在针对不同浏览器使用相应的工具。
