原創|對比評測|編輯:龔雪|2014-11-13 09:56:14.000|閱讀 4710 次
概述:火狐瀏覽器開發者專版上手體驗(Firefox Developer Edition)上手體驗。當Mozilla宣布Firefox Developer Edition,我想不少開發者都很高興,因為第一個大型開發者專用瀏覽器誕生了。既然是開發者專用版,那么和普通版本肯定是不一樣的。早已經迫不及待裝上試試了。接下來是自己使用的一些心得。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
當Mozilla 宣布Firefox Developer Edition,我想不少開發者都很高興,因為第一個大型開發者專用瀏覽器誕生了。既然是開發者專用版,那么和普通版本肯定是不一樣的。早已經迫不及待裝上試試了。接下來是自己使用的一些心得。
與普通版本比較,開發者版本一開發者為中心,工具欄明顯變得更窄。新的黑色主題更加適合開發者們做界面測試。畢竟,對于開發,能快速找到想找到的地方,是很重要的。
如果你想要關掉主題,開發者版本也提供非常方便的操作。英文版可以在這里修改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在Firefox 34已經有了,他主要用來代替Manager ——它使你能夠使用Firefox OS 模擬器或其他設備,編輯和調試運行Firefox OS應用程序。換句話說就如同Xcode 之于iOS一樣。
Valence是一個跨瀏覽器調試工具。可以讓開發工具在各種瀏覽器在使用。現階段 Valence主要用于Chrome(Android)和 Safari(iOS)。需要進一步了解的,可以看看這個官方的視頻,鑒于YouTube國內不能,我已經把它下下來了。
如果你是火狐普通版開發工具的使用者,那么開發者版就是你的不二選擇。Ctrl / CMD + I,或者右鍵"審查元素"。
我直接上圖吧,非常清新的樹狀DOM頁面。鼠標懸停、查看頁面和元素高亮,多級維度查看,其實和以前的一用功能,不過,我覺得黑色界面,很酷。
還要補充一個,雙擊編輯內容或元素屬性,依舊是可以操作的哦,相當方便。
DOM中點擊、拖拽也會高亮,范圍將顯示在web頁面上,有一個HTML、CSS可視化好工具!
控制臺是一個顯示聚合信息,CSS,JS,網絡,安全,日志記錄的窗口, Javascript調試和跟蹤丟失信息必備,還可以用于命令,甚至是通過jQuery。
開發者用怎能少了調試功能。之前所用的Console,現在如果想要找出復雜問題,Debugger就有用武之地了。
通過在代碼中設置斷點,可以暫停執行的Javascript代碼。不僅僅是找bugs,各種使用測試都很快。
寫樣式、看效果用Style Editor就對了。實時可視化,文件保存也給力。
雖然這是一個非常方便的功能調整,不過預處理復雜環境還是不夠方便。
性能測試工具在Firefox 34中,已經做過解讀,代替JavaScript sampling profiler。
你可以創建非常詳細的性能配置文件數量。概要文件可以保存和導入。
時間軸工具在普通版火狐瀏覽器默認功能中不可用。你可以使用它官場瀏覽器引擎操作性 能。
網絡選項卡
過濾按鈕可以讓你查看有價值的類型,是一個使用XHR類型找出AJAX的有用工具。這將彈出兩個餅圖,比較緩存和無緩存加載狀態。
最用用的功能是右擊并選擇選項啟動性能分析功能。
可以按照不同設備尺寸顯示網站。雖然不是一個真正的模擬器,可能會有不同展示,不過預覽媒體查詢的結果非常值得推薦。
簡而言之:火狐瀏覽器開發者版本雖然沒有很多的新特性,不過,對開發者來說,依舊很棒。我也希望有更多工具相關的功能,如Coffeescript,Sass,Less等等。
也許編譯器和其他處理工具會使Firefox Developer Edition變成一個真正的開發者工具包,而不只是我們用來看看網站的最終結果。
作為一個開發者,我們有自己的使用的編譯工具、測試工具...。本質不會改變:一個瀏覽器提供這些功能,在一定程度上可以是我們的工作效率變得更快。
你使用過火狐瀏覽器開發者版本嗎?有什么感受?歡迎評論。
【年終大促 巔峰盛"慧" 】促銷火熱進行中 iPhone 6 Plus、 iPhone 6、iPad Air等你拿 點我查看
FastReport VCL 5新版發布會,2014-11-25 15:00網絡直播,免費參加?
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網