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

改善 > 元素中的「@property」區段風格

可編輯的 @property 規則

現在可在「元素」>的相應部分編輯 @property CSS 規則「Styles」(樣式) 窗格。

Chromium 問題：1471123。

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

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

Chromium 問題：1473283。

更新要模擬的裝置清單

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

Chromium 問題：1479733。

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

「Sources」面板現在支援在 <script> HTML 標記中有效列印內嵌 JSON，以方便偵錯。

Chromium 問題：406900、1473875。

自動完成控制台中的不公開欄位

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

Chromium 問題：1483848、1381806。

Lighthouse 11.1.0

Lighthouse 面板現在會執行 Lighthouse 11.1.0 面板。查看完整異動清單。

如要瞭解在開發人員工具中使用「Lighthouse」面板的基本概念，請參閱「Lighthouse：最佳化網站速度」。

Chromium 問題：772558。

改善無障礙功能

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

• 管理中心中的警告和錯誤。
• 將程式碼貼到「Console」或「Sources」時，「您信任這個程式碼嗎？」對話方塊中的文字。

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

Chromium 問題：1485257、1486643、1485263。

淘汰網路 SQL

應用程式 >Chrome 123 將移除 Web SQL 部分，因為 Web SQL Database API 不再維護。這個版本會在「即將移除」專區加上警告。

詳情請參閱淘汰及移除 Web SQL 一文。

Chromium 問題：1485966。

「應用程式」中的螢幕截圖長寬比驗證資訊清單

應用程式 >資訊清單部分現在會檢查網頁應用程式的螢幕截圖是否採用相同的板型規格 (wide 或 narrow)。

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

開發人員工具團隊向 Alexey Rodionov 表達謝意，本次異動和前一版的其他資訊清單警告改善項目。

Chromium 問題：1476656。

其他精選內容

這個版本包含多項重要修正和改善項目：

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

下載預覽頻道

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

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

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

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

開發人員工具新功能

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