15個有用的瀏覽器內的web開發工具

推薦15個有用的在瀏覽器內的web開發工具

 

Firebug

 

Firebug 不用介紹了吧，大名鼎鼎的強大的Mozilla Firef 瀏覽器 HTML/CSS/DOM/JavaScript調試工具。能夠點擊這裏查看JavaEye新聞之前對Firebug的報道：here

 

 

Web Developer

 

網頁調試的輔助工具：Web  Developer  ！ 它是運行在FF（指Firefox瀏覽器下同）環境中的插件，是目前公認爲最爲優秀的網頁調試工具之一。Web  Developer做爲FF的插件存在，主要功能表如今幾個重要的方面：對頁面中的文本、圖像、媒體文件進行控制，對網頁所應用的CSS文件的id與 class輔助查看，表格輔助查看，能夠實現修改CSS文件實時顯示出獲得的頁面效果等等。

YSlow

 

YSlow :YSlow 是由Yahoo 所發佈的Firefox 擴展，其主要功能是依據高性能網站的標準來分析你的網頁，並告訴你它慢的緣由。這樣，你即可以據此做出相應改進。

Internet Explorer Web Developer Toolbar

 

微軟發佈的IE的網頁分析工具: Internet  Explorer Web Developer Toolbar.

 

微軟官方列出的Internet Explorer Developer Toolbar的主要功能以下：
    * 查看和修改頁面中的DOM對象
    * 經過不一樣的形式定位和選擇頁面中的元素
    * 開關指定的IE設置項
    * 查看HTML元素的class、ID、連接的路徑、tab index和access keys等
    * 高亮顯示錶格、單元格、圖像和指定的標籤
    * 校驗HTML、CSS、WAI和RSS等
    * 查看圖片尺寸、文件體積、路徑信息以及ALT文本等
    * 以指定的分辨率查看網頁
    * 刪除指定域名的cookies和緩存
    * 可精確量度頁面對象尺寸的標尺
    * 查找樣式規則並修改元素的樣式值
    * 以格式化和高亮的形式顯示HTML和CSS代碼

 

Fiddler Web Debugger

 

HTTP抓包工具備不少，好比 HTTP Debugger Pro, EffeTech HTTP Sniffer，可是都不是免費的。推薦 免費的HTTP抓包分析工具：Fiddler 能夠幫助你直接追蹤HTTP包和內容，幫助你測試調整架構。

DebugBar

 

DebugBar IE瀏覽器的CSS調試工具DebugBar，詳情查看JavaEye新聞之前報道過的：DebugBar.

Jean-Fabrice Rabaute目標就是在IE瀏覽器上面構建出來一個能夠媲美FireFox瀏覽器上面的FireBug的工具，他把這個能夠調試CSS，JS的工具集成爲DebugBar項目。

HttpWatch

 

HttpWatch  強大的網頁數據分析工具。集成在Internet  Explorer瀏覽器中。只須要選擇相應的網站，軟件就能夠對網站與IE之間的需求回覆的通信狀況進行分析並在同一界面顯示其相應日誌記錄。每個  HTTP記錄均可以詳細的分析其 Cookies、消息頭、字符查詢等信息。支持HTTPS及分析報告輸出爲XML、CSV等格式。

Live HTTP Headers

 

Web黑客工具箱之：Live HTTP Headers   a Firefox 擴展。 當咱們測試Web應用程序的安全性的時候，常常須要對HTTP流量進行分析和動態修改。此外，取得對Web  應用程序流出和流入的數據的控制權不只對Web 應用程序安全缺陷的發現和漏洞的利用等安全測試任務具備很大的幫助，並且還有利於常規的Web  應用程序測試。LiveHttpHeaders，有了這個Firefox擴展，咱們沒必要架設代理服務器就能夠方便地分析和操縱HTTP流量。

Web Accessibility Toolbar

 

 Web  Accessibility Toolbar  免費的IE和Opera擴展。Web Accessibility Toolbar  是一款用於高級用戶或者網絡開發者的幫助其檢查結構,組成而且提供任何給定網頁可利用功能的工具.該軟件做爲 IE或Opera  瀏覽器的一個工具欄安裝,提供若干個用於檢查樣式表,表格,框架,圖像和其它網頁元素的綜合性工具,以及普遍的多樣化測試和被其它網站提供的功能,包括鏈 接檢查, HTML 確認,頁面下載速度,顏色模擬,頁面分辯率以及更多方面的功能.是一款適用於網絡開發者的很是好的工具箱.

 

Fangs

 

Fangs 是一個 處於browser內的工具，支持Firefox，可以在瀏覽網頁的時候模擬屏幕閱讀器所「看」到的內容。這個工具頗有用，可以迅速分析結構話你的網頁內容，讓視覺很差的人更容易理解和使用，而不須要強制你學習使用屏幕閱讀器好比 JAWS 或者 Windows Eyes.

 

Venkman JavaScript Debugger

 

Venkman  是一個代碼名稱，用於Mozilla內部使用的JavaScript調試環境。爲啥叫作Venkman，按照網上解釋的，Javascript所出的 bug常常神出鬼沒，象鬼同樣很難逮住。而Venkman是著名的打鬼專家，跟鍾馗一個意思。這個Firefox工具很牛的，實時查看變量的值，設置斷點 （可編程，很強大），動態修改變量的值，它本身還有一套命令能夠直接調用頁面上的對象等等。

 

ColorZilla

 

ColorZilla  是一個異常簡單，很是有用的Firefox擴展。擁有高級吸管、取色器、頁面縮放和其餘色彩應用功能。利用 ColorZilla  您能夠從瀏覽器中的任一點讀取色彩值，快速調節顏色並粘貼到其餘應用程序。您能夠縮放正在查看的頁面或測量頁面任意兩點之間的距離。內建的調色板瀏覽器允 許您從預約義的顏色集中選擇顏色或將最經常使用顏色保存到自定義調色板。DOM 偵測功能讓您能夠快速、容易地得到關於 DOM  元素的各類信息。還有更多功能……

FireShot

 

FireShot  支持Firefox和IE。Fireshot來源於截圖軟件Screenshot  Studio的開發商，是一個Firefox擴展或者說是Firefox版的Screenshot  Studio（一款很強大的且不同凡響的截圖軟件），用於建立網頁截圖。重要的是，Fireshot與Screenshot  Studio不一樣，它是無償使用的。若是你僅須要網頁截圖和簡單的編輯，Fireshot就是最好的選擇。FireShot截圖能夠保存到磁盤，格式能夠 爲PNG、JPEG和BMP，也能夠保存在粘貼板中，或者使用郵件發送給他人。

Web Inspector

 

Web Inspector  是開源瀏覽器Webkit的一部分，Web  Inspector是Safari上最強大的調試器之一。支持Elements和Resources外，增長了使人振奮的Scripts調試和 Profiles功能，以及一個很上流的功能Databases(一個用來調試HTML5的Database storage)。建議閱讀：safari Web Inspector 更新了

 

FireFTP

 

FireFTP 免費的跨平臺Firefox插件用於FTP 傳輸文件。FireFTP 是出品 LiteServe/LiteWeb/LiteFTP 等工具的公司又一個新簡單小巧，且容易上手的 FTP 客戶端工具，支持多線程文件傳輸。