firefox開發者版是比較特殊的版本，專為廣大的開發設計人員打造的瀏覽器，配備了css相關的功能，用戶可以自由從多個模式中進行切換，可以進行開發程序的調試等等，功能多多。

火狐瀏覽器開發者版本介紹

專為開發者構建的瀏覽器，擁有beta版中所有最新的開發者工具，再加上多行控制臺編輯器和websocket檢查器等實驗功能。

開發工具

調試器

強大的javascript調試器，完整支持您的開發框架。

查看器

查看并優化代碼，讓版面上每個像素都顯得完美。

存儲面板

添加、修改或移除緩存、cookie、數據庫、會話數據。

控制臺

‍

追蹤css、javascript、安全以及網絡問題。

響應式設計模式

在瀏覽器中使用仿真的設備測試網站。

性能

解決性能瓶頸、簡化工作流程、優化任務方式。

可視編輯

微調動畫、對齊和填充。

樣式編輯器

編輯和管理瀏覽器中的所有css樣式表。

內存

‍

找出內存泄漏及優化應用性能。

網絡

監視并找出拖慢或阻塞您網站的網絡請求。

版本特性

無效的css

firefox開發者工具現在會將頁面中無效的css聲明顯示為灰色。當您將鼠標懸停在信息圖標上時，會看到該css規則未應用的原因，以及如何修正問題的提示。

開發者工具

新款firefox開發者工具具有強大、靈活、酷炫的工具。其中包括一流的javascript調試器，可以面向多種瀏覽器，且內置react和redux。

強大的css網格

目前唯一配備打造和設計css網格的工具的瀏覽器。這些工具可以讓css網格可視化，顯示關聯區域的名稱，預覽網格變化，等等。

字體面板

全新的字體面板，讓開發者可以快速訪問某元素使用的字體的所有信息。面板中也包含了字體來源、字重、樣式等重要信息。

使用技巧

--如何打開開發者模式

打開火狐瀏覽器，直接按“F12”就可以打開。

也可以通過快捷鍵“Ctrl+Shift+C”來打開“開發者模式”。

--如何設置兼容模式

打開瀏覽器后，點擊右上角的橫線圖標。

點擊后打開了下拉菜單，點擊菜單下的選項。

進入選項設置頁面，點擊左邊的常規。

在常規設置頁面，要把頁面拉到最下方。

找到這里的性能設置項后，點擊勾選上這個【使用推薦的性能設置】，這個就是兼容模式了，可以自動選擇適合電腦的設置的。