獻給網頁開發者的20款Firefox外掛
毫無疑問,比起其他瀏覽器,Chrome雖有著明顯的優勢,但是它的勁敵Firefox卻是很多前端攻城師和研發人員的摯愛,為了儘可能地提高使用者體驗,Firefox的社群在外掛開發和運用上有著豐富的經驗,說它是網站開發者的首選瀏覽器也並不為過。
本文集合了20款為開發者而生的優質外掛,在這些外掛的幫助下,網頁開發者可以創造出令人驚豔、極富創意的網站頁面。接下來,讓我們一起看看這些外掛吧。
作為開發領域最著名的外掛,Firebug可以讓你在瀏覽器重實時執行HTML、CSS等程式碼。Firebug內建有強大的Javascript除錯工具,可以讓你隨時暫停JS動畫,觀察靜態的細節。如果你覺得效果比較生硬,你還可以使用JS分析器來分析校準,找到癥結所在。
Ghostery是用來檢測“隱形網站”用的,檢測跟蹤器,網站漏洞,審視畫素,監測Facebook和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漏洞和站點的安全性。它本身並不是攻擊性工具,也不會幫你破解任何一個網站,主要還是面向開發者的防禦性安全工具。
相關文章
- 大福利!獻給網頁開發者的20款Firefox外掛網頁Firefox
- 提供給開發者的 20 款最棒的 jQuery Bootstrap 外掛jQueryboot
- 推薦給開發者的20款響應式jQuery外掛jQuery
- Web開發者必備的20款 jQuery 外掛WebjQuery
- 給開發者準備的 10 款最好的 jQuery 日曆外掛jQuery
- 貢獻給工作狂的chrome外掛Chrome
- Firebug 2.0.7 釋出,Firefox 網頁開發外掛Firefox網頁
- Firebug 2.0.9 釋出,Firefox 網頁開發外掛Firefox網頁
- Web開發者必備的20款超讚jQuery外掛WebjQuery
- JavaScript 開發者必備的10款 Sublime Text 外掛JavaScript
- 幫Web開發者提高效率的10個Firefox外掛WebFirefox
- 網頁外掛製作網頁
- Firefox的scrapbook外掛不靠譜Firefox
- 為開發者準備的15 款Tooltip工具提示jQuery外掛jQuery
- 15款好用超讚的chrome外掛, 開發者們的必備~Chrome
- Fedora 14 x86-64 給google chrome firefox 安裝flash外掛GoChromeFirefox
- 安裝astrixx firefox外掛ASTFirefox
- 網頁實時天氣外掛網頁
- 8款Chrome外掛讓你的標籤頁更酷炫Chrome
- 快速檢視網頁字型的Chrome外掛網頁Chrome
- 十款開發者常用的Chrome外掛,讓chrome成為開發利器!Chrome
- Xcode外掛優缺點對比(推薦20款外掛)XCode
- 12款優秀jQuery Ajax分頁外掛和教程jQuery
- Linux下安裝firefox的flash外掛LinuxFirefox
- 面面俱到!網頁開發者必備的20款線上實用工具網頁
- mybatis generator外掛系列--分頁外掛MyBatis
- Stacks網頁佈局製作外掛網頁
- 如何控制元件網頁中的REALONE外掛控制元件網頁
- 基於Chrome的Easy Scraper外掛抓取網頁Chrome網頁
- 動視起訴外掛網站EngineOwning,且要求外掛開發者賠償損失網站
- 20款jQuery 的音訊和視訊外掛jQuery音訊
- Mozilla技術佈道者給Web開發人員推薦的Firefox外掛列表WebFirefox
- 給 JavaScript 開發者的十款有用的工具JavaScript
- 用Python分析WordPress官網所有外掛的開發者資訊Python
- [外掛擴充套件]單頁管理外掛套件
- 推薦12款實用的 JavaScript 書頁翻轉效果外掛JavaScript
- 5 個好用的開發者 Vim 外掛
- 實用!開發者的 Vim 外掛(一)