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

Sofia Emelianova
Sofia Emelianova
GitHub

改善「元素」>「樣式」中的 @property 部分

可編輯的 @property 規則

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

屬性規則可編輯前後的畫面。

Chromium 問題：1471123。

回報無效 @property 規則的問題

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

「Issues」分頁中回報的屬性規則問題。

Chromium 問題：1473283。

更新要模擬的裝置清單

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

更新裝置清單前後的畫面。

Chromium 問題：1479733。

在「來源」中，以美化格式顯示內嵌在指令碼標記中的 JSON

「Sources」面板現在支援在 <script> HTML 標記中以漂亮格式顯示內嵌 JSON，方便進行偵錯。

在指令碼標記中，美化內嵌 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 已淘汰

由於 Web SQL Database API 已不再維護，因此 Chrome 123 將移除「Application」>「Web SQL」部分。這個版本在即將下架的部分新增警告。

Web SQL 淘汰警告。

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

Chromium 問題：1485966。

在「Application」>「Manifest」中驗證螢幕截圖顯示比例

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

警告：螢幕截圖的顯示比例不正確，且板型規格相同。

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

開發人員工具團隊感謝 Alexey Rodionov 在先前版本中實作這項變更和其他資訊清單警告改善措施。

Chromium 問題：1476656。

其他精選內容

以下是這個版本中值得注意的修正和改善項目：

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

下載預覽管道

建議您將 Chrome Canary、開發人員版或Beta 版設為預設開發人員版瀏覽器。這些預覽管道可讓您存取最新的 DevTools 功能，測試最新的網路平台 API，並在使用者發現問題前，協助您找出網站的問題！

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

請使用下列選項討論新功能、更新或任何與開發人員工具相關的內容。

開發人員工具的新功能

DevTools 新功能系列文章中涵蓋的所有內容清單。