前端调试工具有很多，比如FireFox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView，IE WebDeveloper V2，还有IE8自带的开发工具 等等，这里我再推荐一个DebugBar；
大家肯定都知道ieTester,大家都用ieTester来测试各个IE版本的页面兼容性，其实新版的ieTester(点击下载目前最新版的ieTester v0.4.11）还有一个很强大的页面调试插件：DebugBar(点击下载目前最新版 V 6.2)。
DebugBar可以分析出所有的DOM，包括图片，样式，脚本等等，
我们可以通过拖动目标工具（鼠标一样的）到页面中寻找需要的目标元素，
然后就可以在左下角的窗口中看到，源码，样式等代码，还有该元素的盒子模型；唯一一点不足是不能像firebug一样直接修改css，调整页面。
转载请注明出处：http://shanmao.me
DebugBar可以分析出所有http请求，还能抓出图片等一些404错误文件；
DebugBar还能将js中的函数都列出来，
DebugBar还能验证html，
DebugBar本来就是为ie开发的插件，在IE下DebugBar多了个工具条，安装后在ie7或者ie8下首先要打开这个工具条，“查看”-“工具栏”-“DebugBar”；
在IE上可以切换成IE7和IE8模式，方便调试。
我最常用的还是火狐的 FireFox firebug。
FireFox firebug。可以查看html，定位到每一个元素，可以在页面上修改html和css方便定位之类的
可以查看js错误，404错误等，可以查看网络状况，加载速度，还有一个firebug的扩展插件 firecookie
可以查看cookies.
以后又再增加。