1、PowerBand

PowerBand 是一個IE的插件(同時也支持MyIE2/Maxthon)。提供了對HTML動態分析,跟蹤,編輯的功能。能夠方便快捷的分析HTML頁面的結構,有助于網頁設計人員/網站開發人員調試,分析晦澀的HTML代碼。這是我最早使用的HTML開發輔助工具,現在是2.1版了,支持ASP.NET ViewState的解碼,支持DebugView,類似于VC中的Watch,通過這個功能能夠顯示頁面中元素對象的詳細內容。同時, PowerBand也支持即時腳本交互功能。

下載PowerBand2.1

2、HttpWatch

< p>HttpWatch又是一個IE下的強勁插件,HttpWatch最主要的功能就是對通過瀏覽器進行網絡通訊的數據進行監控和分析,當你在瀏覽器的地址欄上請求一個URL或者提交一份表單時,HttpWatch幫你分析http請求的head信息,訪問頁面的cookie信息,Get和Post 的詳細數據包分析,Catch內容分析,QueryString分析。想知道GMail或者是任何一個AJAX網頁時如何和服務器進行數據交互的嗎?用這個插件就可以一覽無余了

下載HttpWatch3.2.0.63< /A> 下載注冊機< /p>

3、IE Developer Toolbar

第三個插件還是基于IE下的,不過這個可是微軟發布的Web開發IE工具欄< /A>,實現的功能如下:

  • 瀏覽和修改Web頁的文檔對象模型(DOM)。
  • 通過多種技術方式定位、選定Web頁上的特定元素。
  • 禁止或激活IE設置。
  • 查看HTML對象的類名、ID,以及類似鏈接路徑、tab順序、快捷鍵等細節。
  • 描繪表格、單元格、圖片或選定標簽的輪廓。
  • 顯示圖片象素、大小、路徑、替代文字等。
  • 即時重定義瀏覽器窗口大小到800x600或自定義大小。
  • 清空瀏覽器緩存和cookie,被清除項可從所有對象或給定域中選擇。
  • 直接訪問關聯W3C規范參考、IE開發組blog或其他來源。
  • 顯示設計時標尺,幫助對齊對象。

官方下載

4、ViewPage

< p>ViewPage是MyIE2/Maxthon瀏覽器插件,這個插件不算是純粹的開發輔助,它看起來更像是資源提取,可以方便的提取網頁中的源代碼,包括所有框架的源代碼,提取圖像、Flash、媒體文件、鏈接,我最欣賞的就是能方便的查看頁面中包含的所有js文件源代碼和所有css源代碼。

下載ViewPage1.2 for Maxthon

5、Web Development with Mozilla Firefox

Firefox下的開發輔助工具和插件非常多,先說Firefox自帶的吧。

  • 查看源代碼(查看-〉頁面源代碼),Firefox自帶的查看源代碼支持語法高亮顯示,這個功能很獨特
  • 查看頁面信息(工具-〉頁面信息),這是基本功能了,不過有點簡陋
  • Javascript調試臺,這是Firefox的一大特色,是IE所沒有的功能
  • DOM查看器,內置的DOM分析和查看工具,懷疑PowerBand和IE Developer Toolbar 都是模仿Firefox的這個做的

Firefox自帶的開發輔助功能雖然已很豐富,但讓我更加垂涎的是豐富的開發類插件

< p>Firefox下的開發類插件太多了,如果你感興趣可以打開這個鏈接,這里面全是 Developer Tools。還有 這篇文章,非常詳細的一步一步介紹了Mozilla Firefox的web開發工具,推薦閱讀。