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

jopen 10年前發布 | 9K 次閱讀 Firefox

目前還在 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)

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

jQuery 事件

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

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

Iframe 開關

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

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

profiler 更新

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

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

console.table()

增加了 console.table() 可使用表格的方式記錄數據到控制臺,可記錄任意對象, array, Map, or Set.  可通過點擊表頭進行排序(docs) (development notes)

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

選擇器預覽

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

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

其他改進

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

來自:http://www.oschina.net/news/55477/webide-storage-inspector-iframe-switcher-in-firefox-34

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!