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

Jecelyn Yeen

停用的 CSS 屬性的提示

開發人員工具現在會識別有效但不可見的 CSS 樣式。在「Styles」窗格中，開發人員工具會淡出閒置屬性。將滑鼠遊標懸停在旁邊的圖示上，即可查看規則無效的原因。

停用 CSS 屬性的提示。

Chromium 問題：1178508

在「錄音工具」面板中自動偵測 XPath 和文字選取器

「Recorder」面板現在支援 XPath 和文字選取器。開始記錄使用者流程後，錄製工具會自動選擇特定元素的 XPath 和最短不重複文字做為選取器 (如有)。

XPath 和文字選取器。

Chromium 問題：1327206、1327209

逐步完成以半形逗號分隔運算式

您現在可以在偵錯過程中逐步執行以半形逗號分隔的運算式。這麼做可以提高壓縮程式碼的偵錯能力。

逐步完成以半形逗號分隔的運算式。

開發人員工具先前僅支援透過半形分號分隔的運算式逐步操作。

如下方程式碼所示

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

轉譯器和縮減器可能會將其轉換為以半形逗號分隔的運算式。

function bar(){return foo(),foo(),42}

這會造成偵錯過程中造成混淆，因為壓縮後的程式碼步驟行為不同。如果要根據原始程式碼對壓縮後的程式碼進行偵錯，會更加困惑，因為開發人員接下來要查看分號 (這個字之後會在工具鍊變成逗號)，但偵錯工具不會停止執行。

Chromium 問題：1370200

改善「忽略清單」設定

依序前往 [設定] > [忽略清單]。開發人員工具可以改善設計，協助您設定規則來忽略單一指令碼或指令碼模式。

「忽略清單」分頁。

Chromium 問題：1356517

其他精選內容

這個版本的幾個重點修正如下：

  • 在「Styles」窗格中按下空格鍵，即可自動完成 CSS 屬性名稱。(1343316)。
  • 移除「元素」面板導覽標記中的自動捲動功能。(1369734)。

下載預覽管道

考慮使用 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