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

Jecelyn Yeen

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

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

依序前往「設定」 >「快速鍵」，將滑鼠游標懸停在指令上，然後點選「編輯」按鈕 (筆圖示)，即可自訂鍵盤快速鍵。你也可以建立和弦 (又稱多鍵快速鍵)。

Chromium 問題：1335274、174309

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

設定鍵盤快速鍵，方便切換深色和淺色主題。根據預設，動作不會對應任何鍵盤快速鍵。

Chromium 問題：1280398、1226363

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

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

在周圍的 WebAssembly 記憶體中辨識物件的位元組，是個痛點。您必須知道物件大小，並從物件開頭計算位元組。

這項功能可協助您區分這些記憶體與周圍記憶體。如要進一步瞭解這些異動，請參閱「擴充記憶體檢查器以進行 C/C++ 偵錯」。

Chromium 問題：1336568

支援匯入 HAR 檔案的完整發起者資訊

現在匯入 HAR 檔案時，會顯示完整的「發起者」資訊。先前，匯入期間的「網路」面板只會顯示部分啟動器資訊。

開發人員可以根據發起者資訊追蹤網路要求的來源，並找出網路相關問題。

Chromium 問題：1343185

按下 Enter 後開始搜尋 DOM

您現在可以停用「即時搜尋」設定，這樣一來，按下 Enter 鍵後，系統一律會開始 DOM 搜尋。

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

對使用者來說，尤其是經常使用長搜尋查詢的測試人員，這種行為並不理想。輸入較長的搜尋查詢 (例如 //div[@id="example"]) 時，DOM 樹狀結構可能會多次跳動，造成不必要的動作。

依序前往「設定」 >「偏好設定」，然後停用「邊輸入邊搜尋」。這項變更生效後，你必須按下 Enter 鍵，系統才會開始搜尋。

Chromium 問題：1344526

顯示 start 和 end 圖示，適用於 align-content CSS 彈性方塊屬性

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

Chromium 問題：1139945

其他亮點

• 在「控制台」側欄中顯示正確的訊息計數。先前清除控制台訊息時，計數不會重新整理。(1343311)

下載預覽版頻道

建議使用 Chrome Canary、開發人員版或 Beta 版做為預設開發瀏覽器。透過這些搶先體驗管道，您可以存取最新的開發人員工具功能、測試最先進的網頁平台 API，並在使用者發現問題前找出網站上的問題！

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

如要討論開發人員工具的新功能、更新或其他相關事項，請使用下列選項。

• 如要提供意見回饋或提出功能要求，請前往 crbug.com。
• 如要回報開發人員工具的問題，請依序點選開發人員工具中的 more_vert「更多選項」 >「說明」 >「回報開發人員工具的問題」。
• 在 Twitter 訊息中標記 @ChromeDevTools。
• 在「開發人員工具最新消息」或「開發人員工具提示」YouTube 影片中留言。

開發人員工具新功能

「開發人員工具新功能」系列涵蓋的所有主題清單。