このページは Cloud Translation API によって翻訳されました。

DevTools の新機能（Chrome 119）

Sofia Emelianova

[要素] > [スタイル] の `@property` セクションを改善しました

編集可能な `@property` ルール

[要素] > [スタイル] ペインの対応するセクションで、@property CSS アットルールを編集できるようになりました。

プロパティルールの編集前と編集後。

Chromium の問題: 1471123。

無効な `@property` ルールに関する問題が報告される

[問題] タブで、@property ルールの無効な宣言に関する問題が報告されるようになりました。

[問題] タブで報告された宿泊施設ルールの問題。

Chromium の問題: 1473283

エミュレートするデバイスのリストを更新しました

[設定] > [デバイス] のユーザーエージェント文字列を更新し、ブラウザとオペレーティングシステムの平均的な使用状況を反映しました。デバイスモードで、より多くの最新デバイスをエミュレートできるようになりました。

デバイスリストの更新前と更新後

Chromium の問題: 1479733。

ソースのスクリプトタグにインライン JSON をプリティプリントする

[ソース] パネルで、デバッグを容易にするために <script> HTML タグ内のインライン JSON プリティプリントがサポートされるようになりました。

スクリプトタグ内のインライン JSON のプリティプリントの前と後。

Chromium の問題: 406900、1473875。

コンソールでの非公開フィールドをオートコンプリートする

コンソールで、クラススコープ外で評価する際に、プライベートクラスフィールドをオートコンプリートできるようになりました。

クラススコープ外のプライベートクラスフィールドのオートコンプリートをサポートする前と後。

Chromium の問題: 1483848、1381806。

Lighthouse 11.1.0

[Lighthouse] パネルでは Lighthouse 11.1.0 が実行されます。変更点の一覧をご覧ください。

DevTools の [Lighthouse] パネルの基本的な使い方については、Lighthouse: ウェブサイトの速度を最適化するをご覧ください。

Chromium の問題: 772558。

ユーザー補助機能の改善

スクリーンリーダーで次の音声が読み上げられるようになりました。

コンソールの警告とエラー。
[Console] または [Sources] にコードを貼り付ける際に表示される [Do you trust this code?] ダイアログのテキスト。

また、[アプリケーション] パネルでは、ハイコントラストモードにおけるリンクのコントラストに関する問題が修正されました。

Chromium に関する問題: 1485257、1486643、1485263。

Web SQL のサポート終了

Web SQL Database API がメンテナンスされなくなったため、Chrome 123 で [アプリケーション] > [Web SQL] セクションが削除されます。このバージョンでは、今後の削除に関する警告をセクションに追加しました。

Web SQL の非推奨に関する警告。

詳細については、Web SQL のサポート終了と削除をご覧ください。

Chromium の問題: 1485966。

[Application] > [Manifest] でのスクリーンショットのアスペクト比の検証

[Application] > [Manifest] セクションで、同じフォームファクタ（wide または narrow）のウェブアプリのスクリーンショットのアスペクト比が同じかどうかをチェックできるようになりました。

同じフォームファクタのスクリーンショットのアスペクト比が正しくないことに関する警告。

詳細については、プログレッシブウェブアプリをデバッグするとウェブアプリマニフェストを追加するをご覧ください。

DevTools チームは、この変更と、以前のバージョンで他のマニフェスト警告の改善を実現してくれた Alexey Rodionov 氏に感謝の意を表します。

Chromium の問題: 1476656。

その他のハイライト

このリリースにおける注目すべき修正と改善点は次のとおりです。

要素:
- アニメーションタイミング関数の見本が、展開可能な省略形のプロパティの下に長い CSS プロパティに表示されません。（1149182）
- contain-intrinsic-* のオートコンプリートが、auto <length> であるはずの auto 値が正しくない（1480415）ため、誤った値が返されなくなりました。
- 非推奨と無効な -webkit-* プロパティのサポートが削除されました（1086089、1030765）。
Breakpoints: ブレークポイントのタイプを変更すると、ブレークポイントの編集ダイアログが非表示になるバグを修正しました。（1485782）
パフォーマンス:
- パフォーマンス記録中の色解析エラーを修正しました。（1480205）
- LCP が [Timings] トラックに表示されないバグを修正しました。（1487136）
ネットワーク: [Set cookies] 列に、ブロックされている Cookie を除く、設定されている Cookie の適切な数が表示されるようになりました。（1486903）
DevTools 拡張機能が、ブロックされていないホストに移動した後に読み込まれるようになりました（1476264）。
拡張機能のスクリプト実行コンテキストが正しくないバグを修正しました。（1275331）

プレビューチャネルをダウンロードする

Chrome Canary、Dev、Beta を既定の開発ブラウザとして使用することをご検討ください。これらのプレビューチャンネルでは、最新の DevTools 機能にアクセスしたり、最先端のウェブプラットフォーム API をテストしたり、ユーザーが実際に体験する前にサイト上の問題を検出したりできます。

Chrome DevTools チームへのお問い合わせ

投稿内の新機能や変更点、または DevTools に関するその他のことについて話し合うには、次のオプションを使用します。

crbug.com からご提案やフィードバックをお送りください。
DevTools の問題を報告するには、DevTools でその他のオプション アイコン > [ヘルプ] > [DevTools の問題を報告する] を選択します。
@ChromeDevTools にツイートします。
「DevTools の新機能」の YouTube 動画または DevTools のヒントの YouTube 動画でコメントを残してください。