What's 開發人員工具的新功能 (Chrome 61)

Chrome 61 版開發人員工具即將推出新功能和重大異動:

請參閱下方版本資訊,或繼續閱讀以瞭解詳情。

使用裝置模式模擬低階和中階行動裝置

裝置模式「Throttling」選單現在預設為顯示,現在您只要按幾下滑鼠,即可模擬低階或中階行動裝置。

節流選單

圖 1節流選單

節流選單定義

圖 2:將滑鼠遊標懸停在「Throttling」選單上,或開啟「Capture Settings」選單,查看「中階行動裝置」和「低階行動裝置」的定義。

查看儲存空間用量

在「Application」面板的「Clear Storage」分頁中,新的「Usage」部分會顯示「來源」的儲存空間使用量,以及這部裝置的來源配額上限。

「用途」專區

圖 3:「Usage」部分顯示 https://airhorner.com 使用了來源 15214 MB 的 66.9 KB 配額

在 Service Worker 快取回應時查看

「Cache Storage」分頁中新的「Time Cached」欄會顯示 Service Worker 快取回應的時間。

快取時間欄

圖 4 「快取時間」

透過指令選單啟用 FPS Meter

您現在可以透過指令選單啟用 FPS Meter

透過指令選單啟用 FPS Meter

圖 5:從指令選單啟用 FPS Meter

利用 Performance Record 設定縮放或捲動的滑鼠滾輪行為

開啟「Settings」,並設定新的「Flamechart 滑鼠滾輪動作」設定,以變更滑鼠滾輪在「Performance」面板上的行為。

舉例來說,當您在錄製的「Main」(主要) 區段使用滑鼠滾輪,或在觸控板上用兩指滑動時,預設行為是放大或縮小。將設定變更為「Scroll」時,此手勢現在會向上或向下捲動。

「Flamechart 滑鼠滾輪動作」設定

圖 6:「Flamechart 滑鼠滾輪動作」設定

對 ES6 模組的支援偵錯

Chrome 61 中的 ES6 模組會原生提供。除開發人員工具之外,這裡的討論並沒有太多,只不過偵錯功能可正常運作。試著在 TodoMVCPaul Ireland 的 ES6-Module-implementation 中設定一些中斷點,以親眼確認。

下載預覽管道

考慮使用 Chrome Canary 版開發人員版Beta 版做為預設開發瀏覽器。這些預覽管道可讓您存取開發人員工具的最新功能、測試最先進的網路平台 API,並在使用者使用之前就在網站上發現問題!

與 Chrome 開發人員工具團隊聯絡

使用下列選項,討論文章的新功能和異動,以及其他與開發人員工具相關的事項。

  • 請透過 crbug.com 提交建議或意見回饋。
  • 如要回報開發人員工具的問題,請在開發人員工具中依序點選「更多選項」圖示 更多   >「說明」 >「回報開發人員工具的問題」
  • @ChromeDevTools 張貼推文。
  • 歡迎對開發人員工具的 YouTube 影片或開發人員工具秘訣 (YouTube 影片) 提供意見。

開發人員工具的新功能

這裡列出了「開發人員工具新功能」系列中已涵蓋的所有功能。

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110 版本

Chrome 109 版

Chrome 108 版

Chrome 107 版

Chrome 106 版

Chrome 105

Chrome 104 版

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 99

Chrome 98 版

Chrome 97

Chrome 96

Chrome 95

Chrome 94 版

Chrome 93 版

Chrome 92 版

Chrome 91 版

Chrome 90

Chrome 89

Chrome 88 版

Chrome 87

Chrome 86

Chrome 85 版

Chrome 84 版

Chrome 83 版

Chrome 82 版

Chrome 82 已取消

Chrome 81 版

Chrome 80 版

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59