前端开发常用工具

Firefox 下的工具  Firebug、Firesizer、HTML Validator、YSlow，

IE 下的工具IECollection、IE Developer Toolsbar、IETester、Httpwatch、Visio studio。

1、Firebug： 在Firebug中可以轻松地检视元素，查看并修改HTML，CSS，监视异步请求，设置断点，条件断点，以及准确地抛错，还有console.log打印调试信息和DOM信息查看。

2、HTML Validator： 这个插件不用多介绍了，提供当前页面的 HTML 验证结果（本地验证），非常的简洁、直观。

3、Firesizer： 用来快速将浏览器调整到指定的尺寸，这样开发人员可以模拟页面在不同分辨率下的表现，这款插件预设了几种尺寸，包括 800*600 ，1024*768，当然也可以进行自定义设置，现在1024*768显示分辨率还占很大比例，设计的时候还需要考虑这个用户群体，Firesizer可以很好解决这个问题

4、YSlow ：页面性能优化查看器.基于FireBug，由Yahoo团队开发，同时还提供一些小工具，如图片压缩和Javascript混淆压缩等工具。

5、IECollection：通常情况下 需要构建各个版本的IE浏览器，可以使用IECollection或IETester-同时拥有IE6、IE7、IE8（Vista兼容）， 我使用IECollection，其他同事使用IETester。

6、IE Developer Toolsbar： 一个可以像Firebug一样调试HTML和CSS的工具。

7、Httpwatch： 数据分析工具,头消息接受/发送的查看,POST数据查看.等等

8、Visio studio：IE下，大部分JS调试可以再Firebug下完成，偶尔碰到一些BT问题，可以使用Visio studio 2008来解决。