1、PowerBand
PowerBand是一個IE的插件(同時也支持MyIE2/Maxthon)。提供了對HTML動態(tài)分析，跟蹤，編輯的功能。能夠方便快捷的分析HTML頁面的結(jié)構(gòu)，有助于網(wǎng)頁設(shè)計人員/網(wǎng)站開發(fā)人員調(diào)試，分析晦澀的HTML代碼。這是我最早使用的HTML開發(fā)輔助工具，現(xiàn)在是2.1版了，支持ASP.NETViewState的解碼，支持DebugView，類似于VC中的Watch，通過這個功能能夠顯示頁面中元素對象的詳細內(nèi)容。同時，PowerBand也支持即時腳本交互功能。
下載PowerBand2.1
2、HttpWatch
　　HttpWatch又是一個IE下的強勁插件，HttpWatch最主要的功能就是對通過瀏覽器進行網(wǎng)絡(luò)通訊的數(shù)據(jù)進行監(jiān)控和分析，當你在瀏覽器的地址欄上請求一個URL或者提交一份表單時，HttpWatch幫你分析http請求的head信息，訪問頁面的cookie信息，Get和Post的詳細數(shù)據(jù)包分析，Catch內(nèi)容分析，QueryString分析。想知道GMail或者是任何一個AJAX網(wǎng)頁時如何和服務(wù)器進行數(shù)據(jù)交互的嗎？用這個插件就可以一覽無余了


下載HttpWatch3.2.0.63

下載注冊機
3、IEDeveloper
　　Toolbar第三個插件還是基于IE下的，不過這個可是
微軟發(fā)布的Web開發(fā)IE工具欄
，實現(xiàn)的功能如下：瀏覽和修改Web頁的文檔對象模型（DOM）。通過多種技術(shù)方式定位、選定Web頁上的特定元素。禁止或激活I(lǐng)E設(shè)置。查看HTML對象的類名、
ID
，以及類似鏈接路徑、tab順序、快捷鍵等細節(jié)。描繪表格、單元格、圖片或選定標簽的輪廓。顯示圖片象素、大小、路徑、替代文字等。即時重定義瀏覽器窗口大小到800
x
600或自定義大小。清空瀏覽器緩存和cookie，被清除項可從所有對象或給定域中選擇。直接訪問關(guān)聯(lián)
W3C
規(guī)范參考、IE開發(fā)組blog或其他來源。顯示設(shè)計時標尺，幫助對齊對象。
官方下載
4、ViewPage
　　ViewPage是MyIE2/
Maxthon瀏覽器插件
，這個插件不算是純粹的開發(fā)輔助，它看起來更像是資源提取，可以方便的提取網(wǎng)頁中的源代碼，包括所有框架的源代碼，提取圖像、Flash、媒體文件、鏈接，我最欣賞的就是能方便的查看頁面中包含的所有js文件源代碼和所有css源代碼。
下載ViewPage1.2forMaxthon
5、WebDevelopmentwithMozillaFirefox
　　Firefox下的開發(fā)輔助工具和插件非常多，先說Firefox自帶的吧。
?查看源代碼（查看-〉頁面源代碼），F(xiàn)irefox自帶的查看源代碼支持語法高亮顯示，這個功能很獨特
?查看頁面信息（
工具
-〉頁面信息），這是基本功能了，不過有點簡陋
?Javascript調(diào)試臺，這是Firefox的一大特色，是IE所沒有的功能
?DOM查看器，內(nèi)置的DOM分析和查看工具，懷疑PowerBand和IEDeveloperToolbar都是模仿Firefox的這個做的
Firefox自帶的開發(fā)輔助功能雖然已很豐富，但讓我更加垂涎的是豐富的開發(fā)類插件
?最著名的就是
WebDeveloper
了，這個插件幾乎囊括了所有能實現(xiàn)的web開發(fā)輔助功能，微軟的那個就像是模仿于它
?
Aardvark
是一個CSSdebug插件
?
Add&EditCookies
，看名字就知道了，一個專門增加和修改Cookies的插件，相關(guān)的還有一個
ViewCookies
是用來查看Cookies的
插件
?
Colorzilla
可以捕獲當前鼠標所指的頁面坐標位置和顏色，以及DOM路徑
?
IEView
and
OperaView
是兩個專門在Firefox中用IE和Opera中打開一個頁面的工具，方便你調(diào)試支持多瀏覽器的web
?
MeasureIt
是一個Firefox中畫坐標和度量尺的小插件，
用它測量HTML元素的
寬高很是方便
LiveHTTPHeaders
是一個類似于HttpWatch功能一樣的Firefox插件，用來查看HTTPHeader、Cookie、MIME等信息，不過HttpWatch是收費的，這個確是免費的，推薦下載