獻給網頁開發者的20款Firefox插件

jopen 10年前發布 | 13K 次閱讀 Firefox

        英文原文:20 Best Firefox Add-ons for Developers

        譯/汪一一

        毫無疑問,比起其他瀏覽器,Chrome 雖有著明顯的優勢,但是它的勁敵 Firefox 卻是很多前端攻城師和研發人員的摯愛,為了盡可能地提高用戶體驗,Firefox 的社區在插件開發和運用上有著豐富的經驗,說它是網站開發者的首選瀏覽器也并不為過。

        本文集合了 20 款為開發者而生的優質插件,在這些插件的幫助下,網頁開發者可以創造出令人驚艷、極富創意的網站頁面。接下來,讓我們一起看看這些插件吧。

        1. Firebug

獻給網頁開發者的20款Firefox插件

        作為開發領域最著名的插件,Firebug 可以讓你在瀏覽器重實時運行 HTML、CSS 等代碼。Firebug 內置有強大的 Javascript 調試工具,可以讓你隨時暫停 JS 動畫,觀察靜態的細節。如果你覺得效果比較生硬,你還可以使用 JS 分析器來分析校準,找到癥結所在。

        2. Ghostery

獻給網頁開發者的20款Firefox插件

        Ghostery 是用來檢測“隱形網站”用的,檢測跟蹤器,網站漏洞,審視像素,監測 非死book 和 Google Analytics 以及其他超過 1000 家網絡廣告供應商、行為數據供應商和內容供應商等所有與你網站相關的活動數據。

        3. Web Developer

獻給網頁開發者的20款Firefox插件

        Web Developer 提供了覆蓋面廣泛的菜單和自定義工具,這些工具允許你進行控制和管理,分析、驗證、優化網頁。你可以管理 CSS,HTML,表格,測量特定部位的尺寸,實時編輯頁面,等等。

        4. Flagfox

獻給網頁開發者的20款Firefox插件

        Flagfox 是一款能用小旗標明服務器物理地址的插件。擁有這個插件之后,你會更清楚自己的瀏覽器連接到了什么地方,并且你也可以借此明確服務器所在的地區和語言,查 查服務器所在地的法律法規是否有特殊限制等等。當然,你還可以通過外部操作了解更多的信息,也可以自己添加自定義的操作,并且設置快速訪問或者設定鍵盤快 捷鍵。

        5. Fireftp

獻給網頁開發者的20款Firefox插件

        Fireftp 除了能快速有效地傳輸文件,還擁有更多進階功能,包括目錄比較,同步導航,SFTP,SSL 加密,搜索和過濾,完整性檢查,遠程編輯,鼠標拖放等等。

        6. Colorzilla

獻給網頁開發者的20款Firefox插件

        在 Colorzilla 的幫助下,你可以讓你所瀏覽的頁面更加多彩,這款插件可以快速取色并粘貼到其他程序中。此外,Colorzilla 可以幫你放大正在查看的頁面,測量頁面上任意兩點之間的距離。Colorzilla 內置了調色板,一方面可以方便用戶獲取預設的色彩,也可以保存自己從網頁中抓取的色彩。DOM Spying 功能能幫你監測 DOM 元素的各種信息。

        7. Quick Java

獻給網頁開發者的20款Firefox插件

        擁有 Quick Java 插件之后,你無需打開系統設置和插件管理就可以快速管理瀏覽器的功能,這其中包括 Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy,以及圖片自動加載等功能。對于進階用戶,這個插件可能是他們的菜。

        8. SQLite Manger

獻給網頁開發者的20款Firefox插件

        這個插件可以幫你管理系統中的 SQLite 數據庫,方便瀏覽數據,搜索表,能進行添加、刪除、編輯等一系列操作。通過 SQLite Manger 你可以在操作面板中進行常用操作,便捷地訪問工具欄,按鈕和菜單。

        9. Table Tool 2

獻給網頁開發者的20款Firefox插件

        這是一款針對網頁表格而設計的工具,你可以通過它對 HTML 表格進行復雜的操作,包括復制表/行/列/單元格,可以進行排序,基于正則表達式進行搜索,過濾篩選,生成圖表,統計數據,合并,以及比較。操作也非常簡 單,選中你需要操作的表格,右鍵菜單,點擊“Table Tool 2”選項即可。

        10. No Script Security Suit

獻給網頁開發者的20款Firefox插件

        這款插件會幫你控制 Java 和 Javascript 以及其他可執行的內容在你所信任和允許的域當中運行,比如特定的銀行站點。它可以幫你抵抗跨站腳本攻擊(XSS),跨域 DNS 綁定和 CSRF 攻擊(攻擊路由器),反劫持,并且內置獨特的 ClearClick 技術。

        11. DOM Inspector

獻給網頁開發者的20款Firefox插件

        DOM 查看器是一個用來檢查和編輯網頁或者 XUL 應用程序的 DOM 工具,在它的兩欄式編輯器當中,你可以以多種不同的視圖來查看文檔中的節點。

        12. Modify Header

獻給網頁開發者的20款Firefox插件

        Header 編輯器可以為你添加、替換和過濾 HTTP 中的 header 部分,然后發送到服務器端。這一工具多用于移動互聯網開發、HTTP 測試。

        13. Awesome Screenshot

獻給網頁開發者的20款Firefox插件

        這款截圖工具可以幫你截取整個網頁,或者部分網頁,可以進行標注、添加文字,添加圖形、箭頭,可以讓敏感信息模糊化。截圖和處理之后,還可以一鍵上傳分享。

        14. JavaScript Debugger

獻給網頁開發者的20款Firefox插件

        經常寫 Javascript 代碼的同學可能會喜歡這款 JS 調試工具。

        15. Cookies Manager

獻給網頁開發者的20款Firefox插件

        這款 Cookie 管理器允許你查看、編輯和新建 Cookie,同時也方便你查詢一些額外的信息,可以一次編輯多個 Cookie,并且一鍵備份/恢復。

        16. Yslow

獻給網頁開發者的20款Firefox插件

        Yslow 可以用來分析網頁,并且提供改善網頁和提升體驗的建議。

        17. HTML Validator

獻給網頁開發者的20款Firefox插件

        這款 HTML 驗證工具會根據 Firefox 的內部驗證機制來監測網頁,并且將網頁的錯誤數量以圖標形式標注出來。

        18. Json View

獻給網頁開發者的20款Firefox插件

        通常當你看到 .json 文件的時候,瀏覽器會直接下載而不是打開文件,Json View 可以讓瀏覽器打開并顯示文檔,就像打開 XML 文件一樣。文檔的顯示會結構化,高亮顯示特定內容,數組對象可折疊。即使 JSON 文檔中包含錯誤,也會顯示原始文本。

        19. Live HTTP Headers

獻給網頁開發者的20款Firefox插件

        這款插件可以讓你在瀏覽網頁的同時可以實時查看 Header 部分。

        20. Hackbar

獻給網頁開發者的20款Firefox插件

        Hackbar 插件能幫你監測是否有 SQL 注入、XSS 漏洞和站點的安全性。它本身并不是攻擊性工具,也不會幫你破解任何一個網站,主要還是面向開發者的防御性安全工具。

來自: www.jianshu.com
                    <span id="shareA4" class="fl">                  
                        </span>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!