9个前端开发必备的浏览器插件/在线工具

南方网景

核心提示：工欲善其事 必先利其器，在 早期辛苦的前端web探索中，ultraedit 写html，ie 刷新查看，服务器log 查看，效率实在低下。现在有了这么多优秀的浏览器扩展插件，我们的开发工作也就相对简单快捷多了，节省了无数的开发成本。

工欲善其事 必先利其器，在 早期辛苦的前端web探索中，ultraedit 写html，ie 刷新查看，服务器log 查看，效率实在低下。现在有了这么多优秀的浏览器扩展插件，我们的开发工作也就相对简单快捷多了，节省了无数的开发成本。

1.firefox 正是由于 firefox 的开放性 才 有了 以下 层出不穷的 免费工具。

1.1 firebug

firebug 可以 查看页面指定部分html，动态改变 ，调试javascript ，改变css，查看布局，。。。。一把瑞士军刀。

1.2 web developer

可以对网页的标准性，可访问性，等方面 做诸多测试 ，可以方便禁用css，javascript，查看cookie ，等等。

1.3 html validator

可以根据 html dtd 详细检测出 你的html不符合标准之处 ，并给出 详细的解决之道 ，strict 模式必备

1.4 httpfox

经常会出现 ，服务器接受乱码，头部不能查看问题 ，总不至于还要看 服务器log吧 ，httpfox 可以完全完成上述任务 ，查看 firefox 和服务器 之间通信的所有信息 ，如 response header ，response content ，request content 等等。

1.5 fiddler

在线测试 必备 ，不必完整搭建测试环境 ，只要将 要访问的 js 映射到 本地js ，方便调试 ，正是 fiddler

2 .Internet Explorer 虽然 调试起来 十分不便 ，但这是 系统实用的必经之路 。

2.1 Microsoft Script Debugger + Companion.JS

简单来说 就是 firebug 的 javascript 简化版部分 。。。。

2.2 IE Developer Toolbar

对应于 web developper 和 firebug 的 html ，css 功能部分

2.3 httpwatcher

httpfox 的加强版

2.4 fiddler

同 firefox 部分

原文出处：yiminghe的技术备忘录