1、PowerBand
PowerBand 是一個(gè)IE的插件(同時(shí)也支持MyIE2/Maxthon)。提供了對(duì)HTML動(dòng)態(tài)分析，跟蹤，編輯的功能。能夠方便快捷的分析HTML頁面的結(jié)構(gòu)，有助于網(wǎng)頁設(shè)計(jì)人員/網(wǎng)站開發(fā)人員調(diào)試，分析晦澀的HTML代碼。這是我最早使用的HTML開發(fā)輔助工具，現(xiàn)在是2.1版了，支持ASP.NET ViewState的解碼，支持DebugView，類似于VC中的Watch，通過這個(gè)功能能夠顯示頁面中元素對(duì)象的詳細(xì)內(nèi)容。同時(shí)， PowerBand也支持即時(shí)腳本交互功能。
下載PowerBand2.1
2、HttpWatch
< p>HttpWatch又是一個(gè)IE下的強(qiáng)勁插件，HttpWatch最主要的功能就是對(duì)通過瀏覽器進(jìn)行網(wǎng)絡(luò)通訊的數(shù)據(jù)進(jìn)行監(jiān)控和分析，當(dāng)你在瀏覽器的地址欄上請(qǐng)求一個(gè)URL或者提交一份表單時(shí)，HttpWatch幫你分析http請(qǐng)求的head信息，訪問頁面的cookie信息，Get和Post 的詳細(xì)數(shù)據(jù)包分析，Catch內(nèi)容分析，QueryString分析。想知道GMail或者是任何一個(gè)AJAX網(wǎng)頁時(shí)如何和服務(wù)器進(jìn)行數(shù)據(jù)交互的嗎？用這個(gè)插件就可以一覽無余了
下載HttpWatch3.2.0.63< /A> 下載注冊(cè)機(jī)< /p>
3、IE Developer Toolbar
第三個(gè)插件還是基于IE下的，不過這個(gè)可是微軟發(fā)布的Web開發(fā)IE工具欄< /A>，實(shí)現(xiàn)的功能如下：
- 瀏覽和修改Web頁的文檔對(duì)象模型（DOM）。
- 通過多種技術(shù)方式定位、選定Web頁上的特定元素。
- 禁止或激活I(lǐng)E設(shè)置。
- 查看HTML對(duì)象的類名、ID，以及類似鏈接路徑、tab順序、快捷鍵等細(xì)節(jié)。
- 描繪表格、單元格、圖片或選定標(biāo)簽的輪廓。
- 顯示圖片象素、大小、路徑、替代文字等。
- 即時(shí)重定義瀏覽器窗口大小到800x600或自定義大小。
- 清空瀏覽器緩存和cookie，被清除項(xiàng)可從所有對(duì)象或給定域中選擇。
- 直接訪問關(guān)聯(lián)W3C規(guī)范參考、IE開發(fā)組blog或其他來源。
- 顯示設(shè)計(jì)時(shí)標(biāo)尺，幫助對(duì)齊對(duì)象。
官方下載
4、ViewPage
< p>ViewPage是MyIE2/Maxthon瀏覽器插件，這個(gè)插件不算是純粹的開發(fā)輔助，它看起來更像是資源提取，可以方便的提取網(wǎng)頁中的源代碼，包括所有框架的源代碼，提取圖像、Flash、媒體文件、鏈接，我最欣賞的就是能方便的查看頁面中包含的所有js文件源代碼和所有css源代碼。
下載ViewPage1.2 for Maxthon
5、Web Development with Mozilla Firefox
Firefox下的開發(fā)輔助工具和插件非常多，先說Firefox自帶的吧。
- 查看源代碼（查看-〉頁面源代碼），F(xiàn)irefox自帶的查看源代碼支持語法高亮顯示，這個(gè)功能很獨(dú)特
- 查看頁面信息（工具-〉頁面信息），這是基本功能了，不過有點(diǎn)簡陋
- Javascript調(diào)試臺(tái)，這是Firefox的一大特色，是IE所沒有的功能
- DOM查看器，內(nèi)置的DOM分析和查看工具，懷疑PowerBand和IE Developer Toolbar 都是模仿Firefox的這個(gè)做的
Firefox自帶的開發(fā)輔助功能雖然已很豐富，但讓我更加垂涎的是豐富的開發(fā)類插件
< p>Firefox下的開發(fā)類插件太多了，如果你感興趣可以
打開這個(gè)鏈接，這里面全是 Developer Tools。還有
這篇文章，非常詳細(xì)的一步一步介紹了Mozilla Firefox的web開發(fā)工具，推薦閱讀。