當(dāng)Mozilla 宣布Firefox Developer Edition，我想不少開發(fā)者都很高興，因?yàn)榈谝粋€(gè)大型開發(fā)者專用瀏覽器誕生了。既然是開發(fā)者專用版，那么和普通版本肯定是不一樣的。早已經(jīng)迫不及待裝上試試了。接下來是自己使用的一些心得。

用戶界面

與普通版本比較，開發(fā)者版本一開發(fā)者為中心，工具欄明顯變得更窄。新的黑色主題更加適合開發(fā)者們做界面測試。畢竟，對于開發(fā)，能快速找到想找到的地方，是很重要的。

如果你想要關(guān)掉主題，開發(fā)者版本也提供非常方便的操作。英文版可以在這里修改Menu -> Customize.

不過，這里還是有些界面選項(xiàng)，讓我有點(diǎn)迷惑。書簽功能（bookmarking）在這個(gè)版本中應(yīng)該用的少，大多數(shù)開發(fā)者都知道 Ctrl / Cmd + D 。而把這些功能如：書簽、下載、開始按鈕等，單獨(dú)做成按鈕，個(gè)人覺得，在開發(fā)者版本中有點(diǎn)多余。

第一感覺

來說說我第一次看到火狐開發(fā)者版本的映像：沒什么東西是我沒見過的。這也印證了Mozilla所說的：

"It's everything you're used to, only better"你都用過，只是更好

開發(fā)者工具和普通的版本都一樣。只不過做了一些美化，讓他與其他的版本看起來不一樣 。

就和之前說的那樣，開發(fā)者版本會(huì)給開發(fā)者一個(gè)潛在的好方向，就好像Mozilla已經(jīng)蓄謀開發(fā)者版本很久了，只不過等待有了大量資源，在宣布正式版本。

我不是亂猜的哦，有證據(jù)的，比較突出的就是Valence，看看官方的陳述：

"The Adapter is still in its early stages, and is available only as a preview. We do not yet recommend using it for day-to-day work."

開發(fā)者版本似乎會(huì)比普通版本，更早用上各種工具。當(dāng)然，Mozilla也不會(huì)傻乎乎把普通版本的開發(fā)者工具去掉，不過，很有可能的是，有的工具功能只能在開發(fā)者版本上用到。我倒是比較喜歡這種考慮方向，畢竟普通用戶和開發(fā)者需求不一樣，把某些工具功能分開，利大于弊。

WebIDE

WebIDE在Firefox 34已經(jīng)有了，他主要用來代替Manager ——它使你能夠使用Firefox OS 模擬器或其他設(shè)備，編輯和調(diào)試運(yùn)行Firefox OS應(yīng)用程序。換句話說就如同Xcode 之于iOS一樣。

Valence

Valence是一個(gè)跨瀏覽器調(diào)試工具。可以讓開發(fā)工具在各種瀏覽器在使用。現(xiàn)階段 Valence主要用于Chrome（Android）和 Safari（iOS）。需要進(jìn)一步了解的，可以看看這個(gè)官方的視頻，鑒于YouTube國內(nèi)不能，我已經(jīng)把它下下來了。

開發(fā)者工具

如果你是火狐普通版開發(fā)工具的使用者，那么開發(fā)者版就是你的不二選擇。Ctrl / CMD + I，或者右鍵"審查元素"。

Inspector

我直接上圖吧，非常清新的樹狀DOM頁面。鼠標(biāo)懸停、查看頁面和元素高亮，多級(jí)維度查看，其實(shí)和以前的一用功能，不過，我覺得黑色界面，很酷。

還要補(bǔ)充一個(gè)，雙擊編輯內(nèi)容或元素屬性，依舊是可以操作的哦，相當(dāng)方便。

DOM中點(diǎn)擊、拖拽也會(huì)高亮，范圍將顯示在web頁面上,有一個(gè)HTML、CSS可視化好工具！

Console

控制臺(tái)是一個(gè)顯示聚合信息，CSS,JS,網(wǎng)絡(luò),安全,日志記錄的窗口， Javascript調(diào)試和跟蹤丟失信息必備，還可以用于命令，甚至是通過jQuery。

Debugger

開發(fā)者用怎能少了調(diào)試功能。之前所用的Console，現(xiàn)在如果想要找出復(fù)雜問題，Debugger就有用武之地了。

通過在代碼中設(shè)置斷點(diǎn)，可以暫停執(zhí)行的Javascript代碼。不僅僅是找bugs，各種使用測試都很快。

Style Editor

寫樣式、看效果用Style Editor就對了。實(shí)時(shí)可視化，文件保存也給力。

雖然這是一個(gè)非常方便的功能調(diào)整，不過預(yù)處理復(fù)雜環(huán)境還是不夠方便。

性能

性能測試工具在Firefox 34中，已經(jīng)做過解讀，代替JavaScript sampling profiler。
你可以創(chuàng)建非常詳細(xì)的性能配置文件數(shù)量。概要文件可以保存和導(dǎo)入。

Timeline

時(shí)間軸工具在普通版火狐瀏覽器默認(rèn)功能中不可用。你可以使用它官場瀏覽器引擎操作性 能。

網(wǎng)絡(luò)選項(xiàng)卡

過濾按鈕可以讓你查看有價(jià)值的類型，是一個(gè)使用XHR類型找出AJAX的有用工具。這將彈出兩個(gè)餅圖，比較緩存和無緩存加載狀態(tài)。

最用用的功能是右擊并選擇選項(xiàng)啟動(dòng)性能分析功能。

響應(yīng)設(shè)計(jì)模式

可以按照不同設(shè)備尺寸顯示網(wǎng)站。雖然不是一個(gè)真正的模擬器，可能會(huì)有不同展示，不過預(yù)覽媒體查詢的結(jié)果非常值得推薦。

總結(jié)

---

簡而言之:火狐瀏覽器開發(fā)者版本雖然沒有很多的新特性，不過，對開發(fā)者來說，依舊很棒。我也希望有更多工具相關(guān)的功能,如Coffeescript,Sass,Less等等。

也許編譯器和其他處理工具會(huì)使Firefox Developer Edition變成一個(gè)真正的開發(fā)者工具包，而不只是我們用來看看網(wǎng)站的最終結(jié)果。

作為一個(gè)開發(fā)者，我們有自己的使用的編譯工具、測試工具...。本質(zhì)不會(huì)改變：一個(gè)瀏覽器提供這些功能，在一定程度上可以是我們的工作效率變得更快。

你使用過火狐瀏覽器開發(fā)者版本嗎？有什么感受？歡迎評(píng)論。

開發(fā)工具在搞活動(dòng)啦，已經(jīng)有人拿到大禮了

【年終大促 巔峰盛"慧" 】促銷火熱進(jìn)行中 iPhone 6 Plus、 iPhone 6、iPad Air等你拿 點(diǎn)我查看

FastReport VCL 5新版發(fā)布會(huì)，2014-11-25 15:00網(wǎng)絡(luò)直播，免費(fèi)參加?