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

Sofia Emelianova
Sofia Emelianova
GitHub

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

可編輯的 @property 規則

現在您可以前往「Elements」(元素) >「Styles」(樣式) 窗格中的相應部分，編輯 @property CSS at-rule。

設為可編輯屬性規則的前後對照。

Chromium 問題：1471123。

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

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

「問題」分頁中回報的房源規則有問題。

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」時，「Do youTrust this code?」對話方塊中的文字。

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

Chromium 問題：1485257、1486643、1485263。

網路 SQL 淘汰項目

由於 Web SQL Database API 已不再維護，因此 Chrome 123 版將移除「應用程式」>「網路 SQL」部分。這個版本會在即將移除內容的部分新增警告。

Web SQL 淘汰警告。

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

Chromium 問題：1485966。

依序前往「Application」(應用程式) >「Manifest」(資訊清單) 驗證螢幕截圖顯示比例驗證

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

針對相同板型規格的螢幕截圖，顯示比例不正確的警告訊息。

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

為此，開發人員工具團隊向 Alexey Rodionov 表達感謝，對前一版本而言，這個版本的其他資訊清單警告相關措施也有所改善。

Chromium 問題：1476656。

其他精選內容

這個版本包含幾項值得注意的修正和改善項目：

  • 元素：
    • 如果是長篇 CSS 屬性下方的 expandable shorthand 屬性 (1149182)，系統不會顯示動畫時間函式色塊。
    • contain-intrinsic-* 的自動完成功能現在不提供錯誤的單一 auto 值，因為這個值應為 auto <length> (1480415)。
    • 不再支援已淘汰和無效的 -webkit-* 屬性 (1086089、1030765)。
  • 中斷點：修正中斷點類型變更時，中斷點編輯對話方塊的錯誤 (1485782)。
  • 效能：
    • 修正了效能記錄期間的顏色剖析錯誤 (1480205)。
    • 修正了「Timings」測試群組未顯示 LCP 的錯誤 (1487136)。
  • 聯播網：「設定 Cookie」欄現在會顯示已設定的 Cookie 正確數量，但不含已封鎖的 Cookie (1486903)。
  • 開發人員工具擴充功能現在會在前往未封鎖的主機後載入 (1476264)。
  • 修正擴充功能指令碼執行情境有誤的錯誤 (1275331)。

下載預覽管道

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