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.NET ViewState的解碼，支持DebugView，類似于VC中的Watch，通過這個功能能夠顯示頁面中元素對象的詳細內(nèi)容。同時， PowerBand也支持即時腳本交互功能。
下載PowerBand2.1
2、HttpWatch
< p>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< /A> 下載注冊機< /p>
3、IE Developer Toolbar
第三個插件還是基于IE下的，不過這個可是微軟發(fā)布的Web開發(fā)IE工具欄< /A>，實現(xiàn)的功能如下：
- 瀏覽和修改Web頁的文檔對象模型（DOM）。
- 通過多種技術(shù)方式定位、選定Web頁上的特定元素。
- 禁止或激活I(lǐng)E設(shè)置。
- 查看HTML對象的類名、ID，以及類似鏈接路徑、tab順序、快捷鍵等細節(jié)。
- 描繪表格、單元格、圖片或選定標簽的輪廓。
- 顯示圖片象素、大小、路徑、替代文字等。
- 即時重定義瀏覽器窗口大小到800x600或自定義大小。
- 清空瀏覽器緩存和cookie，被清除項可從所有對象或給定域中選擇。
- 直接訪問關(guān)聯(lián)W3C規(guī)范參考、IE開發(fā)組blog或其他來源。
- 顯示設(shè)計時標尺，幫助對齊對象。
官方下載
4、ViewPage
< p>ViewPage是MyIE2/Maxthon瀏覽器插件，這個插件不算是純粹的開發(fā)輔助，它看起來更像是資源提取，可以方便的提取網(wǎng)頁中的源代碼，包括所有框架的源代碼，提取圖像、Flash、媒體文件、鏈接，我最欣賞的就是能方便的查看頁面中包含的所有js文件源代碼和所有css源代碼。
下載ViewPage1.2 for Maxthon
5、Web Development with Mozilla Firefox
Firefox下的開發(fā)輔助工具和插件非常多，先說Firefox自帶的吧。
- 查看源代碼（查看-〉頁面源代碼），F(xiàn)irefox自帶的查看源代碼支持語法高亮顯示，這個功能很獨特
- 查看頁面信息（工具-〉頁面信息），這是基本功能了，不過有點簡陋
- Javascript調(diào)試臺，這是Firefox的一大特色，是IE所沒有的功能
- DOM查看器，內(nèi)置的DOM分析和查看工具，懷疑PowerBand和IE Developer Toolbar 都是模仿Firefox的這個做的
Firefox自帶的開發(fā)輔助功能雖然已很豐富，但讓我更加垂涎的是豐富的開發(fā)類插件
< p>Firefox下的開發(fā)類插件太多了，如果你感興趣可以
打開這個鏈接，這里面全是 Developer Tools。還有
這篇文章，非常詳細的一步一步介紹了Mozilla Firefox的web開發(fā)工具，推薦閱讀。