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

Sofia Emelianova
Sofia Emelianova
GitHub

改善「元素 > 樣式」中的「@property」區段

可編輯的 @property 規則

現在可在「元素」 >「樣式」窗格中的對應部分編輯 @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」時，「您信任這個程式碼嗎？」對話方塊中的文字。

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

Chromium 問題：1485257、1486643、1485263。

淘汰網路 SQL

Chrome 123 將移除「Application」>「Web SQL」部分，因為 Web SQL Database API 已不再提供。這個版本會在「即將移除」專區加上警告。

Web SQL 淘汰警告。

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

Chromium 問題：1485966。

依序前往「Application」>「Manifest」並驗證螢幕截圖顯示比例

「Application」>「Manifest」部分現在會檢查網頁應用程式的螢幕截圖是否具有相同板型規格 (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 影片留言。

開發人員工具新功能

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

Chrome 127

Chrome 126

Chrome 125

Chrome 124

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 指南

Chrome 110

Chrome 指南

Chrome 108

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 指南

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Google 瀏覽器 93

Chrome 92 版

Chrome 91

Chrome 90

Google Chrome 89

Google Chrome 88

Chrome 87

Chrome 86 版

Chrome 85 版

Google Chrome 84

Chrome 83 版

Chrome 82 版

Chrome 82 已取消。

Chrome 81 版

Google 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