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

「元素」>「樣式」中的 @property 專區經過改良

可編輯的 @property 規則

現在可以在「元素」 >「樣式」窗格的對應部分中，編輯 @property CSS at 規則。

Chromium 問題：1471123。

系統會回報無效 @property 規則的問題

「問題」分頁現在會回報 @property 規則中無效的宣告問題。

Chromium 問題：1473283。

更新要模擬的裝置清單

「設定」>「裝置」中的使用者代理程式字串已更新，可反映瀏覽器和作業系統的平均使用情況。您現在可以在裝置模式中，模擬更多最新裝置。

Chromium 問題：1479733。

美化「來源」中指令碼標記內的內嵌 JSON

「來源」面板現在支援在 <script> HTML 標記中美化列印內嵌 JSON，方便您進行偵錯。

Chromium 問題：406900、1473875。

在控制台中自動填寫私人欄位

現在在 控制台中評估類別範圍外的 私有類別欄位時，可以自動完成這些欄位。

Chromium 問題：1483848、1381806。

Lighthouse 11.1.0

「Lighthouse」面板現在會執行 Lighthouse 11.1.0。如需完整變更清單，請參閱這篇文章。

如要瞭解如何使用開發人員工具中的 Lighthouse 面板，請參閱「Lighthouse：提升網站速度」。

Chromium 問題：772558。

無障礙功能再進化

螢幕閱讀器現在會朗讀以下內容：

• 控制台中的警告和錯誤。
• 將程式碼貼到「控制台」或「來源」時，「你是否信任此程式碼？」對話方塊中的文字。

此外，「應用程式」面板也修正了高對比模式下連結的對比問題。

Chromium 問題：1485257、1486643、1485263。

淘汰 Web SQL

由於 Web SQL Database API 已停止維護，Chrome 123 將移除「應用程式」>「Web SQL」部分。這個版本會在即將移除的章節中新增警告。

詳情請參閱「淘汰及移除 Web SQL」。

Chromium 問題：1485966。

在「應用程式」>「資訊清單」中驗證螢幕截圖顯示比例

「應用程式」>「資訊清單」部分現在會檢查網頁應用程式的螢幕截圖是否具有相同的顯示比例和板型規格 (wide 或 narrow)。

詳情請參閱「偵錯漸進式網頁應用程式」和「新增網頁應用程式資訊清單」。

開發人員工具團隊感謝 Alexey Rodionov 推出這項變更，以及先前版本中的其他資訊清單警告改善項目。

Chromium 問題：1476656。

其他重點

這個版本的重要修正和改良項目包括：

• 元素：
  • 在可展開的簡寫屬性下方，系統不會顯示手寫 CSS 屬性的動畫時間函式色票 (1149182)。
  • contain-intrinsic-* 的自動完成功能現在不會提供錯誤的單一 auto 值，因為該值應為 auto <length> (1480415)。
  • 已移除對已淘汰和無效 -webkit-* 屬性的支援 (1086089、1030765)。
• 中斷點：修正中斷點類型變更時，中斷點編輯對話方塊會消失的錯誤 (1485782)。
• 成效：
  • 修正效能記錄期間的顏色剖析錯誤 (1480205)。
  • 修正 LCP 未顯示在「時間軸」軌中的錯誤 (1487136)。
• 網路：現在「設定 Cookie」欄會顯示正確的 Cookie 設定數量，不包括遭封鎖的 Cookie (1486903)。
• 開發人員工具擴充功能現在會在導覽至未封鎖的主機後載入 (1476264)。
• 修正擴充功能指令碼執行環境不正確的錯誤 (1275331)。

下載預覽版

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

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

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

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

開發人員工具新功能

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