WEB前端开发中的性能调试工具（简记）(2009-03-07)

发布时间 2009-03-07 11:54:00

这里简短记录一下WEB前端开发中的性能调试工具。

当然，这些工具本身的功能一般都超出了性能调试的范围，有很多其它的好功能，记录下工具的名称随时可以方便搜索了。还有两款是易用性检测工具，严格的讲不属于性能调试工具。

1. Firebug + YSlow + 其它Firefox扩展
    http://getfirebug.com/
    Firebug绝对是Firefox标配了，最新版本已经支持Firefox 4。并且Firebug现在已经有Chrome浏览器版本了，名字叫Chromebug。
    YSlow也是一款分析性能的利器，需要和Firebug配合。
    Firefox下还有相当多的扩展用于辅助Web开发，很容易在它的网站找到。
    Firefox的扩展太丰富了，这一点把所有其它浏览器远远甩在后面了。

2. 浏览器自带工具， IE Developer Toolbar（好用，IE8/9自带）, Opera Dragonfly（个人觉得不是很好用），Chrome和Safari自带的调试器我没太多印象。

3. Fiddler
   http://www.fiddler2.com/
   个头小巧，功能却强大的一塌糊涂，更难得的是它很容易扩展，提供了丰富而贴心的API，让你尽情DIY。没有做不到，只有想不到。

4. HTTP Analyzer （IE HTTP Analyzer）
   http://www.ieinspector.com/httpanalyzer/
   名字虽然带着IE两个字，但那只是历史问题，从V5就已经支持3种运行模式：独立、IE插件、Firefox扩展。
   同时，这家公司还有另外两款实用的WEB调试工具: IE WebDeveloper 、AxScripter。

5. HttpWatch
   http://www.httpwatch.com/
   也是强大的一塌糊涂，也有3种运行模式：独立、IE插件、Firefox扩展。

6. Web Developer
   https://addons.mozilla.org/en-us/firefox/addon/web-developer/
   http://chrispederick.com/work/web-developer/
   在addons.mozilla.org五星级评分的Firefox扩展。功能和Firebug有很多重合之处，但也有很多独有功能，可以互为补充。

7. Wave
   http://wave.webaim.org/
   这是一个在线检测WEB易用性的工具，使用很简单，输入要检测的网址或者上传文件就可以了。

8. Web Accessibility Toolbar
   又一款WEB易用性的检测工具
   http://web-accessibility-toolbar.blogspot.com/