Firefox 擁有豐富開發者生態,以下 20 款擴充套件涵蓋除錯、效能、安全、設計、資料庫、測試等全方位需求,助你打造高效前端工作流。(註:Firebug 等經典套件已隨 Firefox Quantum 併入原生開發者工具,現代開發建議優先使用內建 DevTools + 現代擴充套件。)
| # | 套件名稱 | 核心功能 | 現代替代/備註 |
|---|---|---|---|
| 1 | Firebug | 即時編輯 HTML/CSS、強大 JS 除錯器、分析器 | 已停止更新,功能併入 Firefox DevTools (F12) |
| 2 | Ghostery | 偵測追蹤器、像素、廣告商、分析腳本 (超過 1000 家) | 隱私保護、頁面淨化、GDPR 合規檢查 |
| 3 | Web Developer | 工具列/選單:CSS/HTML/表單/圖片/資訊檢視、即時編輯、驗證、尺寸量測 | 經典神器,現代版持續更新 |
| 4 | Flagfox | 網址列顯示伺服器國旗/地理位置/ISP,右鍵查 WHOIS、安全報告、法律資訊 | 快速辨識伺服器所在地、CDN 節點 |
| 5 | FireFTP | 瀏覽器內建 FTP/SFTP/SSL 客戶端:目錄比對、同步導航、拖曳上傳、遠端編輯 | Firefox 移除 XUL 後需 WebExtension 版或改用 FileZilla |
| 6 | ColorZilla | 吸管取色、漸層產生器、頁面放大鏡、距離測量、調色盤、DOM 監視 | 設計師必備,Chrome/Edge 同款 |
| 7 | QuickJava | 工具列一鍵切換:Java/JS/Cookies/圖片/Flash/Silverlight/樣式表/Proxy/圖片自動載入 | 快速測試降級體驗、無障礙檢測 |
| 8 | SQLite Manager | 管理瀏覽器內建 SQLite 資料庫:瀏覽/搜尋/增刪改/匯入匯出 | 擴充儲存、IndexedDB、LocalStorage 偵錯利器 |
| 9 | TableTool2 | 右鍵表格 → 複製行/列/儲存格、排序、正則搜尋/過濾、產生圖表、統計、合併/比較 | 處理網頁表格資料極強 |
| 10 | NoScript Security Suite | 白名單制控制 JS/Java/可執行內容,防 XSS/CSRF/點擊劫持,ClearClick 技術 | 安全研究者、高隱私需求用戶首選 |
| 11 | DOM Inspector | 檢視/編輯 DOM 樹,多視圖 (物件/盒模型/XBL/計算樣式) | DevTools Elements 面板已涵蓋大部分 |
| 12 | Modify Headers | 新增/替換/過濾 HTTP Request/Response Headers,行動開發/介接測試必備 | 現代用 ModHeader、Requestly |
| 13 | Awesome Screenshot | 全頁/區域截圖、標註/文字/箭頭/馬賽克、一鍵上傳分享 | Chrome/Edge 同款,功能強大 |
| 14 | JavaScript Debugger | 獨立 JS 除錯介面 (現已整合至 DevTools Debugger 面板) | 歷史參考 |
| 15 | Cookies Manager+ | 檢視/編輯/新建/刪除 Cookie、批次操作、一鍵備份還原、額外欄位查詢 | 現代用 Cookie Editor、EditThisCookie |
| 16 | YSlow | Yahoo 效能規則分析網頁,給出優化建議評分 | 現代用 Lighthouse (內建 DevTools)、WebPageTest |
| 17 | HTML Validator | 基於 Firefox 內部驗證器,工具列圖示顯示錯誤數量 | W3C Validator、HTMLHint、ESLint 整合更完整 |
| 18 | JSONView | 瀏覽器直接美化顯示 JSON (結構化、高亮、摺疊),而非下載檔案 | Chrome/Edge 內建或同款擴充套件 |
| 19 | Live HTTP Headers | 瀏覽時即時顯示 HTTP 標頭資訊 | DevTools Network 面板更強大 |
| 20 | Hackbar | SQLi/XSS 掃描輔助、編碼/解碼、Hash 產生、Payload 庫,防禦性安全測試工具 | 安全研究必備,非攻擊工具 |