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