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

Kayce Basques

Chrome 61 開發人員工具即將推出的新功能和重大異動，包括：

，瞭解如何調查及移除這項存取權。

下面提供版本資訊的影片版本，或是繼續閱讀，進一步瞭解詳情。

在裝置模式中模擬低階和中階行動裝置

「裝置模式」的「Throttling」選單現在預設為顯示，但現在您可以模擬 只須點擊幾下滑鼠的低階或中階行動裝置

節流選單

圖 1. 「限制選單」

節流選單定義

圖 2. 將滑鼠遊標移至「Throttling」選單，或開啟「Capture Settings」選單，即可查看 中階行動裝置和低階行動裝置的定義

查看儲存空間用量

「Application」(應用程式) 面板的「Clear Storage」(清除儲存空間) 分頁中新的「Usage」(用量) 部分會顯示如何 從來源使用的儲存空間，以及這部裝置上來源的最大配額。

「用量」部分

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

查看 Service Worker 快取回應的時間

「Cache Storage」(快取儲存空間) 分頁中新的「Time Cached」(時間快取) 欄會顯示服務工作站快取的時間 回應。

「快取時間」欄

圖 4. 「Time Cached」(時間快取) 欄

透過指令選單啟用 FPS Meter

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

透過指令選單啟用 FPS 計

圖 5：透過 Command 選單 啟用 FPS Meter

使用效能記錄設定滑鼠滾輪縮放或捲動行為

開啟「設定」，然後指定新的 Flamechart 滑鼠滾輪動作設定，以變更 滑鼠滾輪會在「Performance」(效能) 面板運作。

例如在錄音內容的「主要」部分使用滑鼠滾輪，或是於滑動畫面時 在觸控板上使用兩指，預設行為是放大或縮小。當您變更 設定為「Scroll」(捲動)，現在可以向上或向下捲動這個手勢。

「Flamechart 滑鼠滾輪動作」設定

圖 6. Flamechart 滑鼠滾輪動作設定

對 ES6 模組的偵錯支援

Chrome 61 已內建 ES6 模組。就這樣來說 開發人員工具，但偵錯功能可以按照預期運作。請試著在 和 逐步瞭解 Paul Ireland 對 TodoMVC 的 ES6 模組實作程序，

下載預覽頻道

建議您使用 Chrome Canary、Dev 或 Beta 版做為預設的開發瀏覽器。透過這些預覽版本，您可以存取開發人員工具中的最新功能、測試最先進的網路平台 API，以及找出網站的問題，以免使用者發現問題。

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

請使用下列選項，討論貼文中的新功能和異動，或與開發人員工具相關的其他事項。

  • 歡迎透過 crbug.com 提出建議或意見。
  • 使用「更多選項」更多 > 回報開發人員工具問題說明 >在開發人員工具中回報開發人員工具問題。
  • 前往 @ChromeDevTools 張貼 Tweet。
  • 歡迎在「開發人員工具」推出「最新消息」YouTube 影片或「開發人員工具秘訣」YouTube 影片留言。

開發人員工具新功能

「開發人員工具新功能」系列中的所有文章清單。