WEB开发工具的使用已经非常普及,如果想要更方便于开发的话,不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。
1.Firebug
![](http://img.cnbeta.com/newsimg/081119/23034401288142136.jpg)
Firebug是一款基于Firefox的浏览器扩展组件,它集成了网页CSS ,文档对象模型( DOM )和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划,如果你侧重于JavaScript调试, 那么它是你不错的选择。
比如你可以方便的使用alert()进行断点调试,从而准确定位语法错误位置。另外可以帮助你利用DOM技术准确测试ajax代码的缺陷。
2.Web Developer
![](http://img.cnbeta.com/newsimg/081119/23034511324180827.jpg)
Web Develop是一款基于Firefox和SeaMonkey浏览器的扩展插件,它最大的特点是可以在菜单栏生成CSS选项,可以帮助你查看该网页CSS文件内容,方便保存及列表方式修改,是款不错的CSS开发工具。
3.YSlow
![](http://img.cnbeta.com/newsimg/081119/2303452702025786.jpg)
Yslow是一款由雅虎开发的Firefox扩展插件,并且可以与Firebug集成使用。本插件可以帮助你对网页进行优化,从而提高网页的加载速度。通过逐项分析网页中的js脚本、CSS、图像质量从而提出瓶颈部位,帮助你对其进行优化。
4.Internet Explorer Web Developer Toolbar
![](http://img.cnbeta.com/newsimg/081119/23034631057017980.jpg)
顾名思义,是一款由微软开发的IE扩展工具,功能与Firebug比较类似,最大的亮点在于可以针对不同的IE设置测试当前网页的显示效果,方便开发者调整在各种IE设置环境下网页的显示效果。
5.Fiddler Web Debugger
![](http://img.cnbeta.com/newsimg/081119/2303464808533076.jpg)
Fiddler是一款IE扩展插件,最大的特色在于网页显示性能分析及安全性分析。
6.DebugBar
![](http://img.cnbeta.com/newsimg/081119/2303475107534403.jpg)
DebugBar是一款基于IE的扩展插件,最大的特色在于可以通过电子邮件自动发送当前网页的截图到指定的邮箱,集成了色彩提取器及DCOM javascript代码分析功能于一身。
7.HttpWatch
![](http://img.cnbeta.com/newsimg/081119/2303486491718371.jpg)
一款基于IE、Firefox的扩展插件,侧重于HTTPS以及XML方面的分析及开发工作。
下面几款就不一一介绍了,功能大同小异,你可以到官方站去了解更详细的信息,找到适合自己使用的一款:
8.Live HTTP Headers
![](http://img.cnbeta.com/newsimg/081119/2303487818386887.jpg)
9.Web Accessibility Toolbar
![](http://img.cnbeta.com/newsimg/081119/23034881813907298.jpg)
10.Fangs
![](http://img.cnbeta.com/newsimg/081119/2303499659182992.jpg)
11.Venkman JavaScript Debugger
![](http://img.cnbeta.com/newsimg/081119/230349102031000436.jpg)
12.ColorZilla
![](http://img.cnbeta.com/newsimg/081119/230349111082905716.jpg)
13.FireShot
![](http://img.cnbeta.com/newsimg/081119/230350121341559009.jpg)
14.Web Inspector
![](http://img.cnbeta.com/newsimg/081119/230350131856642760.jpg)
15.FireFTP