為打造 Web 的人所打造
唯一為像您一樣的開發者所打造的瀏覽器。
Firefox Developer Edition 會自動回傳資料回 Mozilla。 了解更多
-
為開發者設計
Firefox Developer Edition 是唯一一套為了開發者而打造的瀏覽器，開發時就時時考慮您的工作流程。在同一個地方就能使用打造、測試、調整規模等等功能。
-
對任何瀏覽器除錯
使用 Valence，一套內建在 Firefox Developer Edition 的強大擴充套件，來對您的應用程式在不同瀏覽器與裝置間進行檢測與除錯。
-
Pixel-perfect coding
用適應性設計檢視模式與內建的樣式編輯器，針對不同尺寸的螢幕並即時調整您的 CSS。
您最愛的開發工具
Firefox Developer Edition 帶來您最愛用的開發工具，以及一些能夠擴展您在不同平台上的工作能力的工具。所有東西都跟您習慣的一樣，只有變得更好，也只來自 Firefox。
-
視覺化編輯工具
您可直接在檢測器面板中播放 HTML 動畫，並視覺化編輯 CSS，並使用尺規和測量工具確認任何元素的位置、尺寸和間距。
了解視覺化編輯工具的更多資訊 -
DevTools Challenger
使用 Developer Edition 的視覺化動畫與 CSS 編輯工具來探索海洋的深度，與千奇百怪的生物一起互動。
試試 DevTools Challenger -
效能檢測工具
在同一個時間軸畫面中檢查您網頁內容的 frame rate、記憶體消耗量與 JS 效能檢測資料，讓您可以簡單地找出效能瓶頸並排除問題。
了解效能檢測工具的更多資訊 -
頁面檢測器
很簡單就能檢查任何網頁的 HTML 與 CSS，並修改網頁的結構與版面。
了解頁面檢測器的更多資訊 -
Web Audio 編輯器
檢測並即時與 Web Audio API 互動，以確保所有音訊節點以您預期的方式連結起來。
了解 Web Audio 編輯器的更多資訊 -
網頁主控台
檢視網頁中被記錄下來的相關資訊，並使用 Web 主控台來與使用 JavaScript 的網頁互動。
了解網頁主控台的更多資訊 -
JavaScript 除錯器
一步一步執行 JavaScript，並且檢查或修改狀態來幫助您除錯。
了解 JavaScript 除錯器的更多資訊 -
網路監測器
看看您瀏覽器發出的所有請求、請求花了多少時間處理、以及每個請求的詳細資訊。
了解網路監測器的更多資訊 -
樣式編輯器
檢視與編輯與網頁內的 CSS 樣式、建立新樣式，並套用現有的 CSS 樣式到任何頁面。
了解樣式編輯器的更多資訊 -
適應性設計檢視模式
看看您的網站或網頁應用程式在不同的螢幕大小下會長得什麼樣子，而不需要調整瀏覽器視窗大小。
了解適應性設計檢視模式的更多資訊 -
Valence
使用這套 Firefox Developer Edition 內建的強大擴充套件來在不同的瀏覽器與裝置間開發，或對您的應用程式除錯。
了解 Valence 的更多資訊