火狐瀏覽器開發者專版上手體驗

edithfang發表於2014-11-18
使用者介面

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



如果你想要關掉主題,開發者版本也提供非常方便的操作。英文版可以在這裡修改Menu -> Customize.



不過,這裡還是有些介面選項,讓我有點迷惑。書籤功能(bookmarking)在這個版本中應該用的少,大多數開發者都知道 Ctrl / Cmd + D 。而把這些功能如:書籤、下載、開始按鈕等,單獨做成按鈕,個人覺得,在開發者版本中有點多餘。

第一感覺

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

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

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

就和之前說的那樣,開發者版本會給開發者一個潛在的好方向,就好像Mozilla已經蓄謀開發者版本很久了,只不過等待有了大量資源,在宣佈正式版本。

我不是亂猜的哦,有證據的,比較突出的就是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."

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

WebIDE

WebIDE在Firefox 34已經有了,他主要用來代替Manager ——它使你能夠使用Firefox OS 模擬器或其他裝置,編輯和除錯執行Firefox OS應用程式。換句話說就如同Xcode 之於iOS一樣。

Valence

Valence是一個跨瀏覽器除錯工具。可以讓開發工具在各種瀏覽器在使用。現階段 Valence主要用於Chrome(Android)和 Safari(iOS)。需要進一步瞭解的,可以看看這個官方的視訊,鑑於YouTube國內不能,我已經把它下下來了。

開發者工具

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

Inspector

我直接上圖吧,非常清新的樹狀DOM頁面。滑鼠懸停、檢視頁面和元素高亮,多級維度檢視,其實和以前的一用功能,不過,我覺得黑色介面,很酷。
還要補充一個,雙擊編輯內容或元素屬性,依舊是可以操作的哦,相當方便。



DOM中點選、拖拽也會高亮,範圍將顯示在web頁面上,有一個HTML、CSS視覺化好工具!

Console

控制檯是一個顯示聚合資訊,CSS,JS,網路,安全,日誌記錄的視窗, Javascript除錯和跟蹤丟失資訊必備,還可以用於命令,甚至是通過jQuery。


Debugger

開發者用怎能少了除錯功能。之前所用的Console,現在如果想要找出複雜問題,Debugger就有用武之地了。

通過在程式碼中設定斷點,可以暫停執行的Javascript程式碼。不僅僅是找bugs,各種使用測試都很快。


Style Editor

寫樣式、看效果用Style Editor就對了。實時視覺化,檔案儲存也給力。



雖然這是一個非常方便的功能調整,不過預處理複雜環境還是不夠方便。

效能

效能測試工具在Firefox 34中,已經做過解讀,代替JavaScript sampling profiler。

你可以建立非常詳細的效能配置檔案數量。概要檔案可以儲存和匯入。


Timeline

時間軸工具在普通版火狐瀏覽器預設功能中不可用。你可以使用它官場瀏覽器引擎操作效能。


網路選項卡

適合在載入、使用者訪問時檢視網站需求。在載入是,他提供資源總覽和狀態程式碼。過濾按鈕可以讓你檢視有價值的型別,是一個使用XHR型別找出AJAX的有用工具。這將彈出兩個餅圖,比較快取和無快取載入狀態。

最用用的功能是右擊並選擇選項啟動效能分析功能。


響應設計模式

可以按照不同裝置尺寸顯示網站。雖然不是一個真正的模擬器,可能會有不同展示,不過預覽媒體查詢的結果非常值得推薦。


總結

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

也許編譯器和其他處理工具會使Firefox Developer Edition變成一個真正的開發者工具包,而不只是我們用來看看網站的最終結果。

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

你使用過火狐瀏覽器開發者版本嗎?有什麼感受?歡迎評論。
相關閱讀
評論(1)

相關文章