獻給網頁開發者的20款Firefox插件
英文原文:20 Best Firefox Add-ons for Developers
譯/汪一一
毫無疑問,比起其他瀏覽器,Chrome 雖有著明顯的優勢,但是它的勁敵 Firefox 卻是很多前端攻城師和研發人員的摯愛,為了盡可能地提高用戶體驗,Firefox 的社區在插件開發和運用上有著豐富的經驗,說它是網站開發者的首選瀏覽器也并不為過。
本文集合了 20 款為開發者而生的優質插件,在這些插件的幫助下,網頁開發者可以創造出令人驚艷、極富創意的網站頁面。接下來,讓我們一起看看這些插件吧。
作為開發領域最著名的插件,Firebug 可以讓你在瀏覽器重實時運行 HTML、CSS 等代碼。Firebug 內置有強大的 Javascript 調試工具,可以讓你隨時暫停 JS 動畫,觀察靜態的細節。如果你覺得效果比較生硬,你還可以使用 JS 分析器來分析校準,找到癥結所在。
Ghostery 是用來檢測“隱形網站”用的,檢測跟蹤器,網站漏洞,審視像素,監測 非死book 和 Google Analytics 以及其他超過 1000 家網絡廣告供應商、行為數據供應商和內容供應商等所有與你網站相關的活動數據。
Web Developer 提供了覆蓋面廣泛的菜單和自定義工具,這些工具允許你進行控制和管理,分析、驗證、優化網頁。你可以管理 CSS,HTML,表格,測量特定部位的尺寸,實時編輯頁面,等等。
Flagfox 是一款能用小旗標明服務器物理地址的插件。擁有這個插件之后,你會更清楚自己的瀏覽器連接到了什么地方,并且你也可以借此明確服務器所在的地區和語言,查 查服務器所在地的法律法規是否有特殊限制等等。當然,你還可以通過外部操作了解更多的信息,也可以自己添加自定義的操作,并且設置快速訪問或者設定鍵盤快 捷鍵。
Fireftp 除了能快速有效地傳輸文件,還擁有更多進階功能,包括目錄比較,同步導航,SFTP,SSL 加密,搜索和過濾,完整性檢查,遠程編輯,鼠標拖放等等。
在 Colorzilla 的幫助下,你可以讓你所瀏覽的頁面更加多彩,這款插件可以快速取色并粘貼到其他程序中。此外,Colorzilla 可以幫你放大正在查看的頁面,測量頁面上任意兩點之間的距離。Colorzilla 內置了調色板,一方面可以方便用戶獲取預設的色彩,也可以保存自己從網頁中抓取的色彩。DOM Spying 功能能幫你監測 DOM 元素的各種信息。
擁有 Quick Java 插件之后,你無需打開系統設置和插件管理就可以快速管理瀏覽器的功能,這其中包括 Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy,以及圖片自動加載等功能。對于進階用戶,這個插件可能是他們的菜。
這個插件可以幫你管理系統中的 SQLite 數據庫,方便瀏覽數據,搜索表,能進行添加、刪除、編輯等一系列操作。通過 SQLite Manger 你可以在操作面板中進行常用操作,便捷地訪問工具欄,按鈕和菜單。
這是一款針對網頁表格而設計的工具,你可以通過它對 HTML 表格進行復雜的操作,包括復制表/行/列/單元格,可以進行排序,基于正則表達式進行搜索,過濾篩選,生成圖表,統計數據,合并,以及比較。操作也非常簡 單,選中你需要操作的表格,右鍵菜單,點擊“Table Tool 2”選項即可。
這款插件會幫你控制 Java 和 Javascript 以及其他可執行的內容在你所信任和允許的域當中運行,比如特定的銀行站點。它可以幫你抵抗跨站腳本攻擊(XSS),跨域 DNS 綁定和 CSRF 攻擊(攻擊路由器),反劫持,并且內置獨特的 ClearClick 技術。
DOM 查看器是一個用來檢查和編輯網頁或者 XUL 應用程序的 DOM 工具,在它的兩欄式編輯器當中,你可以以多種不同的視圖來查看文檔中的節點。
Header 編輯器可以為你添加、替換和過濾 HTTP 中的 header 部分,然后發送到服務器端。這一工具多用于移動互聯網開發、HTTP 測試。
這款截圖工具可以幫你截取整個網頁,或者部分網頁,可以進行標注、添加文字,添加圖形、箭頭,可以讓敏感信息模糊化。截圖和處理之后,還可以一鍵上傳分享。
經常寫 Javascript 代碼的同學可能會喜歡這款 JS 調試工具。
這款 Cookie 管理器允許你查看、編輯和新建 Cookie,同時也方便你查詢一些額外的信息,可以一次編輯多個 Cookie,并且一鍵備份/恢復。
Yslow 可以用來分析網頁,并且提供改善網頁和提升體驗的建議。
這款 HTML 驗證工具會根據 Firefox 的內部驗證機制來監測網頁,并且將網頁的錯誤數量以圖標形式標注出來。
通常當你看到 .json 文件的時候,瀏覽器會直接下載而不是打開文件,Json View 可以讓瀏覽器打開并顯示文檔,就像打開 XML 文件一樣。文檔的顯示會結構化,高亮顯示特定內容,數組對象可折疊。即使 JSON 文檔中包含錯誤,也會顯示原始文本。
這款插件可以讓你在瀏覽網頁的同時可以實時查看 Header 部分。
Hackbar 插件能幫你監測是否有 SQL 注入、XSS 漏洞和站點的安全性。它本身并不是攻擊性工具,也不會幫你破解任何一個網站,主要還是面向開發者的防御性安全工具。
<span id="shareA4" class="fl">
</span>