Firebug 不用介紹了吧，大名鼎鼎的強(qiáng)大的Mozilla Firef 瀏覽器 HTML/CSS/DOM/JavaScript調(diào)試工具。可以點(diǎn)擊這里查看JavaEye新聞以前對Firebug的報(bào)道：here
網(wǎng)頁調(diào)試的輔助工具：Web Developer ！ 它是運(yùn)行在FF（指Firefox瀏覽器下同）環(huán)境中的插件，是目前公認(rèn)為最為優(yōu)秀的網(wǎng)頁調(diào)試工具之一。Web Developer作為FF的插件存在，主要功能表現(xiàn)在幾個(gè)重要的方面：對頁面中的文本、圖像、媒體文件進(jìn)行控制，對網(wǎng)頁所應(yīng)用的CSS文件的id與class輔助查看，表格輔助查看，可以實(shí)現(xiàn)修改CSS文件實(shí)時(shí)顯示出得到的頁面效果等等。
YSlow :YSlow 是由Yahoo 所發(fā)布的Firefox 擴(kuò)展，其主要功能是依據(jù)高性能網(wǎng)站的標(biāo)準(zhǔn)來分析你的網(wǎng)頁，并告訴你它慢的原因。這樣，你便可以據(jù)此作出相應(yīng)改進(jìn)。
微軟發(fā)布的IE的網(wǎng)頁分析工具: Internet Explorer Web Developer Toolbar.
微軟官方列出的Internet Explorer Developer Toolbar的主要功能如下：
* 查看和修改頁面中的DOM對象
* 通過不同的形式定位和選擇頁面中的元素
* 開關(guān)指定的IE設(shè)置項(xiàng)
* 查看HTML元素的class、ID、鏈接的路徑、tab index和access keys等
* 高亮顯示表格、單元格、圖像和指定的標(biāo)簽
* 校驗(yàn)HTML、CSS、WAI和RSS等
* 查看圖片尺寸、文件體積、路徑信息以及ALT文本等
* 以指定的分辨率查看網(wǎng)頁
* 刪除指定域名的cookies和緩存
* 可精確量度頁面對象尺寸的標(biāo)尺
* 查找樣式規(guī)則并修改元素的樣式值
* 以格式化和高亮的形式顯示HTML和CSS代碼
HTTP抓包工具有很多，比如 HTTP Debugger Pro, EffeTech HTTP Sniffer，但是都不是免費(fèi)的。推薦 免費(fèi)的HTTP抓包分析工具：Fiddler 可以幫助你直接追蹤HTTP包和內(nèi)容，幫助你測試調(diào)整架構(gòu)。
DebugBar IE瀏覽器的CSS調(diào)試工具DebugBar，詳情查看JavaEye新聞以前報(bào)道過的：DebugBar.
Jean-Fabrice Rabaute目標(biāo)就是在IE瀏覽器上面構(gòu)建出來一個(gè)可以媲美FireFox瀏覽器上面的FireBug的工具，他把這個(gè)可以調(diào)試CSS，JS的工具集成為DebugBar項(xiàng)目。
HttpWatch 強(qiáng)大的網(wǎng)頁數(shù)據(jù)分析工具。集成在Internet Explorer瀏覽器中。只需要選擇相應(yīng)的網(wǎng)站，軟件就可以對網(wǎng)站與IE之間的需求回復(fù)的通訊情況進(jìn)行分析并在同一界面顯示其相應(yīng)日志記錄。每一個(gè) HTTP記錄都可以詳細(xì)的分析其 Cookies、消息頭、字符查詢等信息。支持HTTPS及分析報(bào)告輸出為XML、CSV等格式。
Web黑客工具箱之：Live HTTP Headers a Firefox 擴(kuò)展。 當(dāng)我們測試Web應(yīng)用程序的安全性的時(shí)候，經(jīng)常需要對HTTP流量進(jìn)行分析和動(dòng)態(tài)修改。此外，取得對Web 應(yīng)用程序流出和流入的數(shù)據(jù)的控制權(quán)不僅對Web 應(yīng)用程序安全缺陷的發(fā)現(xiàn)和漏洞的利用等安全測試任務(wù)具有很大的幫助，而且還有利于常規(guī)的Web 應(yīng)用程序測試。LiveHttpHeaders，有了這個(gè)Firefox擴(kuò)展，我們不必架設(shè)代理服務(wù)器就可以方便地分析和操縱HTTP流量。
Web Accessibility Toolbar 免費(fèi)的IE和Opera擴(kuò)展。Web Accessibility Toolbar 是一款用于高級用戶或者網(wǎng)絡(luò)開發(fā)者的幫助其檢查結(jié)構(gòu),組成并且提供任何給定網(wǎng)頁可利用功能的工具.該軟件作為 IE或Opera 瀏覽器的一個(gè)工具欄安裝,提供若干個(gè)用于檢查樣式表,表格,框架,圖像和其它網(wǎng)頁元素的綜合性工具,以及廣泛的多樣化測試和被其它網(wǎng)站提供的功能,包括鏈接檢查, HTML 確認(rèn),頁面下載速度,顏色模擬,頁面分辯率以及更多方面的功能.是一款適用于網(wǎng)絡(luò)開發(fā)者的非常好的工具箱.
Fangs 是一個(gè) 處于browser內(nèi)的工具，支持Firefox，能夠在瀏覽網(wǎng)頁的時(shí)候模擬屏幕閱讀器所“看”到的內(nèi)容。這個(gè)工具很有用，能夠迅速分析結(jié)構(gòu)話你的網(wǎng)頁內(nèi)容，讓視覺不好的人更容易理解和使用，而不需要強(qiáng)制你學(xué)習(xí)使用屏幕閱讀器比如 JAWS 或者 Windows Eyes.
Venkman 是一個(gè)代碼名稱，用于Mozilla內(nèi)部使用的JavaScript調(diào)試環(huán)境。為啥叫做Venkman，按照網(wǎng)上解釋的，Javascript所出的bug經(jīng)常神出鬼沒，象鬼一樣很難逮住。而Venkman是著名的打鬼專家，跟鐘馗一個(gè)意思。這個(gè)Firefox工具很牛的，實(shí)時(shí)查看變量的值，設(shè)置斷點(diǎn)（可編程，很強(qiáng)大），動(dòng)態(tài)修改變量的值，它自己還有一套命令可以直接調(diào)用頁面上的對象等等。
ColorZilla 是一個(gè)異常簡單，非常有用的Firefox擴(kuò)展。擁有高級吸管、取色器、頁面縮放和其他色彩應(yīng)用功能。利用 ColorZilla 您可以從瀏覽器中的任一點(diǎn)讀取色彩值，快速調(diào)節(jié)顏色并粘貼到其他應(yīng)用程序。您可以縮放正在查看的頁面或測量頁面任意兩點(diǎn)之間的距離。內(nèi)建的調(diào)色板瀏覽器允許您從預(yù)定義的顏色集中選擇顏色或?qū)⒆畛Ｓ妙伾４娴阶远x調(diào)色板。DOM 偵測功能讓您可以快速、容易地獲得關(guān)于 DOM 元素的各種信息。還有更多功能……
FireShot 支持Firefox和IE。Fireshot來源于截圖軟件Screenshot Studio的開發(fā)商，是一個(gè)Firefox擴(kuò)展或者說是Firefox版的Screenshot Studio（一款很強(qiáng)大的且與眾不同的截圖軟件），用于創(chuàng)建網(wǎng)頁截圖。重要的是，F(xiàn)ireshot與Screenshot Studio不同，它是免費(fèi)使用的。如果你僅需要網(wǎng)頁截圖和簡單的編輯，F(xiàn)ireshot就是最好的選擇。FireShot截圖可以保存到磁盤，格式可以為PNG、JPEG和BMP，也可以保存在粘貼板中，或者使用郵件發(fā)送給他人。
Web Inspector 是開源瀏覽器Webkit的一部分，Web Inspector是Safari上最強(qiáng)大的調(diào)試器之一。支持Elements和Resources外，增加了令人振奮的Scripts調(diào)試和Profiles功能，以及一個(gè)很上流的功能Databases(一個(gè)用來調(diào)試HTML5的Database storage)。建議閱讀：safari Web Inspector 更新了
FireFTP 免費(fèi)的跨平臺(tái)Firefox插件用于FTP 傳輸文件。FireFTP 是出品 LiteServe/LiteWeb/LiteFTP 等工具的公司又一個(gè)新簡單小巧，且容易上手的 FTP 客戶端工具，支持多線程文件傳輸。
