Firefox 34中的新開發者工具特性

開源中國社群發表於2014-09-23

目前還在 Firefox Aurora channel 的 Firefox 34 版本將會帶來很多在開發者工具上的新特性。這個版本計劃在 11 月釋出,包含新新特性有:資料儲存檢查工具、WebIDE、Profiler 升級等等。

WebIDE

WebIDE 一個全新的瀏覽器內應用,預設啟用。可讓你從模板中建立一個新的 Firefox OS 應用,或者開啟之前建立好的應用,可直接點選在模擬器中執行和除錯。 (docs)

儲存檢查工具

這是一個新的皮膚用來顯示 Cookie、LocalStorage、sessionStorage 和 IndexedDB 中儲存的資料,可通過點選 Settings > “Default Developer Tools” > “Storage”來啟用。目前該皮膚是隻讀的,未來計劃增加資料修改功能。 (docs) (development notes) (UserVoice request)

storage inspector

jQuery 事件

事件偵聽器彈窗現在增加對 jQuery 的支援,可你可以顯示附加在類似 jQuery.on () 這樣的事件中(development notes)

JQuery events

Iframe 開關

在你除錯的時候可以通過新的 frame 選擇選單來切換 frame , 開啟方法: Settings > “Available Toolbox Buttons” > “Select an iframe”. (docs) (development notes)(UserVoice request)

profiler 更新

JavaScript Profiler 更新,在新的“Performance” tab (formerly the “Profiler” tab) 中顯示。增加了幀率時間線和目錄,如“network” and “graphics”. (docs) (development notes)

new profiler

console.table ()

增加了 console.table () 可使用表格的方式記錄資料到控制檯,可記錄任意物件, array, Map, orSet.  可通過點選表頭進行排序(docs) (development notes)

console.table

選擇器預覽

在 Inspector 或者樣式編輯器中將滑鼠移到 CSS 選擇器上,會高亮顯示所有匹配到的節點(development notes)

selector previews

其他改進

特別感謝該版本的 41 名貢獻者 all the features and fixes .

相關文章