WEB前端开发中的性能调试工具(简记)

时间:2022-05-18 14:17:46

这里简短记录一下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/