Firefox Developer Edition

歡迎使用您最愛的瀏覽器的全新版本。取得最新功能、更快速的效能,以及用來打造 Open Web 所需的開發工具。

您的系統可能不符合執行 Firefox 的最低需求,但還是可以試試這些版本:

Windows 8.1 及更低版本不再支援 Firefox Developer Edition。

請下載 Firefox ESR(Extended Support Release)以使用 Firefox。

macOS 10.14 及更低版本不再支援 Firefox Developer Edition。

請下載 Firefox ESR(Extended Support Release)以使用 Firefox。

Firefox 隱私權公告

使用 Debian、Ubuntu 或任何以 Debian 為基礎的發行版嗎?
您可以設定我們的 APT 倉庫

Firefox Developer Edition 會自動回傳資料給 Mozilla。 了解更多

Firefox Developer Edition

為了開發者打造的瀏覽器

所有仍在 Beta 測試中的最新開發者工具,再加上主控台多行編輯器與 WebSocket 檢測器等功能。

使用獨立設定擋,讓您可以與 Firefox 正式版或 Beta 版同時使用。

為網頁開發者量身打造的偏好設定:預設開啟瀏覽器與遠端除錯功能,以及暗色佈景主題,還有開發者工具列按鈕。

未使用的 CSS
全新工具

未使用的 CSS

Firefox DevTools 現在起會淡化頁面中的無效 CSS 宣告內容。將滑鼠游標停留於資訊圖示上時,可看到 CSS 規則未生效的原因,以及問題修正方式。

了解更多

Firefox DevTools
全新工具

Firefox DevTools

全新的 Firefox DevTools 更強大、更靈活,而且最棒的是還可自行 hack 修改。這版開發者工具當中包含了同級當中最強大的 JavaScript 除錯器,可將不同瀏覽器作為除錯目標,也內建支援 React 及 Redux。

了解更多

成為 CSS Grid 大師
創新功能

成為 CSS Grid 大師

Firefox 是唯一一套內建 CSS Grid 開發與設計工具的瀏覽器。這些工具有格線視覺化、顯示相關區域名稱、預覽格線變型效果等功能。

了解更多

字型面板
更快的資訊

字型面板

Firefox DevTools 當中全新的字體面板,讓開發者可以快速存取某個元素中,使用到的字體的相關資訊。面板中也包含了字體來源、字重、樣式等重要資訊。

了解更多

設計、開發、測試、精進。

使用 Firefox DevTools
打造與精進您的網站

檢測器

檢測並改善程式碼,讓版面上的每個像素都顯得完美。

了解頁面檢測器的更多資訊

主控台

追蹤 CSS、JavaScript、安全性或網路問題。

了解網頁主控台的更多資訊

除錯器

超強大的 JavaScript 除錯器,完整支援您的開發框架。

了解 JavaScript 除錯器的更多資訊

網路面板

監控有哪些拖慢網站速度的網路請求。

了解網路監控器的更多資訊

儲存空間面板

新增、修改或移除快取、Cookie、資料庫及 Session 資料。

了解儲存空間面板的更多資訊

適應性設計模式

在瀏覽器中以不同裝置的畫面大小來測試網站。

了解適應性設計檢視模式的更多資訊

視覺化編輯

微調動畫、對齊或間距。

了解視覺化編輯的更多資訊

效能面板

打開瓶頸、流線化處理程序、最佳化網頁資產。

了解效能工具的更多資訊

記憶體面板

找出 memory leak 的地方,讓您的程式一步飛天。

了解記憶體工具的更多資訊

樣式編輯器

在瀏覽器中編輯並管理所有 CSS 樣式表。

了解樣式編輯器的更多資訊

有話大聲說

聽到您的意見才能更加進步。請告訴我們有什麼可改善瀏覽器與開發者工具的方式。

加入對話

參與我們

幫助我們打造最後一套獨立的瀏覽器。您可以參與寫程式、修 Bug、開發附加元件等等不同工作。

立刻開始

下載為開發者設計的 Firefox 瀏覽器