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

Jecelyn Yeen

在開發人員工具中自訂鍵盤快速鍵

開發人員工具現在可自訂常用指令的鍵盤快速鍵。

前往「設定」>快速鍵：將滑鼠遊標懸停在指令上，然後按一下「編輯」按鈕 (鉛筆圖示)，即可自訂鍵盤快速鍵。您也可以建立和弦 (又稱為多按鍵快速鍵)。

在開發人員工具中自訂鍵盤快速鍵。

Chromium 問題：1335274、174309

使用鍵盤快速鍵切換淺色和深色主題

設定鍵盤快速鍵，即可輕鬆切換淺色和深色主題。根據預設，動作不會對應至任何鍵盤快速鍵。

使用鍵盤快速鍵切換淺色和深色主題。

Chromium 問題：1280398、1226363

在記憶體檢查器中醒目顯示 C/C++ 物件

記憶體檢查器會醒目顯示 C/C++ 記憶體物件的所有位元組。

因為在周圍的 WebAssembly 記憶體中，辨識出物件的位元組是一大困擾。您必須知道物件的大小，並從物件開始計算位元組數。

有了這項功能，就能分辨出外界記憶。如要進一步瞭解異動內容，請參閱「擴充 C/C++ 偵錯的記憶體檢查器」。

在記憶體檢查器中醒目顯示 C/C++ 物件。

Chromium 問題：1336568

支援 HAR 匯入作業的完整發起者資訊

現在可以針對 HAR 匯入功能取得完整的發起者資訊。先前「網路」面板只會在匯入期間顯示部分發起者資訊。

啟動者資訊可協助開發人員追蹤網路要求的來源，並找出網路相關問題。

支援 HAR 匯入作業的完整發起者資訊。

Chromium 問題：1343185

按下 Enter 後啟動 DOM 搜尋

您現在可以停用「在您輸入時搜尋」設定，一律在按下 Enter 鍵後啟動 DOM 搜尋。

在「元素」面板中使用 Control 或 Command + F 切換搜尋列。根據預設，您在搜尋文字方塊中輸入查詢時，DOM 樹狀結構會跳到第一個相符的元素並醒目顯示。

對於使用者，尤其是經常處理冗長搜尋查詢的測試人員，就不建議這種行為。當您在輸入較長的搜尋查詢 (例如 //div[@id="example"]) 時， DOM 樹狀結構可能會跳多次。這種行為會產生不必要的動作。

DOM 搜尋

前往「設定」>偏好設定：停用「即時搜尋」。這項變更生效後，系統只會在你按下 Enter 鍵後開始搜尋。

輸入時搜尋設定。

Chromium 問題：1344526

針對 align-content CSS Flexbox 屬性顯示 start 和 end 圖示

在「Styles」窗格中，使用 display: flex 或 display: inline-flex 編輯 CSS 類別中的 align-content 屬性。start 和 end 會顯示在自動完成下拉式選單中，並附帶圖示。

對齊內容 Flexbox 屬性。

Chromium 問題：1139945

其他精選內容

  • 請在「Console」側欄中顯示正確的訊息數量。過去，清除控制台訊息時並未重新整理。(1343311)。

下載預覽頻道

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

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

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

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

開發人員工具新功能

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