Firebug 官方下載與替代工具指南（含 Chrome DevTools）

Firebug 現狀

Firebug 已於 2017 年停止開發，官網 getfirebug.com 現僅保留歷史頁面。Firefox 57+ (Quantum) 全面轉用內建開發者工具，Firebug 不再相容。

官方遺留下載（僅供舊版 Firefox 使用）

• SourceForge 存檔：Firebug Releases
• Mozilla Add-ons 存檔：Firebug Versions
• 第三方鏡像（謹慎驗證簽名）：在線下載

現代替代方案

Firebug 經典功能對應表

• HTML/樣式即時編輯 → Elements/Inspector 面板雙擊修改。
• Console 指令列 → Console 面板，支援多行編輯 (Shift+Enter)。
• Net/Network 面板 → Network 面板，支援 HAR 匯出、篩選、截流模擬。
• Script 偵錯 → Sources/Debugger 面板，斷點、呼叫堆疊、Scope 變數檢視。
• DOM/事件偵測 → Elements → Event Listeners、DOM 斷點。
• CSS Layout 視覺化 → Layout 面板 (Firefox) / Flexbox/Grid 編輯器 (Chrome)。

UI Map 匯出需求

提到的「自動導出 UI Map」可能指：

1. Accessibility Tree：Firefox/Chrome DevTools → Accessibility 面板 → 匯出 JSON。
2. DOM 快照：Console 執行 copy(document.documentElement.outerHTML) 或儲存為 HAR。
3. 視覺回歸測試工具：Percy、Chromatic、BackstopJS、Playwright + pixelmatch。

總結

Firebug 是前端除錯工具的先驅，但已完成歷史使命。直接使用瀏覽器內建 DevTools 功能更強、效能更好、無相容性問題。若有特定自動化需求，請採用現代測試框架 (Playwright, Cypress, Puppeteer) 而非尋找過時外掛。