工欲善其事 必先利其器，在 早期辛苦的前端web探索中，ultraedit 寫html，ie 刷新查看，服務(wù)器log 查看，效率實(shí)在低下。現(xiàn)在有了這么多優(yōu)秀的瀏覽器擴(kuò)展插件，我們的開發(fā)工作也就相對(duì)簡單快捷多了，節(jié)省了無數(shù)的開發(fā)成本。

1.firefox 正是由于 firefox 的開放性 才 有了 以下 層出不窮的 免費(fèi)工具。

1.1 firebug

      firebug 可以 查看頁面指定部分html，動(dòng)態(tài)改變 ，調(diào)試javascript ，改變css，查看布局，。。。。一把瑞士軍刀。

1.2 web developer

      可以對(duì)網(wǎng)頁的標(biāo)準(zhǔn)性，可訪問性，等方面 做諸多測試 ，可以方便禁用css，javascript，查看cookie ，等等。

1.3 html validator

      可以根據(jù) html dtd 詳細(xì)檢測出 你的html不符合標(biāo)準(zhǔn)之處 ，并給出 詳細(xì)的解決之道 ，strict 模式必備

1.4 httpfox

      經(jīng)常會(huì)出現(xiàn) ，服務(wù)器接受亂碼，頭部不能查看問題 ，總不至于還要看 服務(wù)器log吧 ，httpfox 可以完全完成上述任務(wù) ，查看 firefox 和服務(wù)器 之間通信的所有信息 ，如 response header ，response content ，request content 等等。

1.5 fiddler

      在線測試 必備 ，不必完整搭建測試環(huán)境 ，只要將 要訪問的 js 映射到 本地js ，方便調(diào)試 ，正是 fiddler

2 .Internet Explorer 雖然 調(diào)試起來 十分不便 ，但這是 系統(tǒng)實(shí)用的必經(jīng)之路 。

2.1 Microsoft Script Debugger Companion.JS

      簡單來說 就是 firebug 的 javascript 簡化版部分 。。。。

2.2 IE Developer Toolbar

      對(duì)應(yīng)于 web developper 和 firebug 的 html ，css 功能部分

2.3 httpwatcher

      httpfox 的加強(qiáng)版

2.4 fiddler

     同 firefox 部分