DevTools の新機能(Chrome 148)

公開日: 2026 年 5 月 5 日

Chrome 148 では、全ページのアクセシビリティ ツリーがデフォルトになり、ツールチップに広告の出所に関する詳細情報が表示されるようになります。また、投機ルールのデバッグが改善され、クラッシュ レポートの新しい診断ビューが追加されます。

エージェント向けの DevTools

Chrome DevTools MCP サーバーと CLI がバージョン 0.25.0 に更新され、いくつかの新機能が追加されました。このリリースには、ツールの実行中にスクリプトが中断されないようにブラウザ ダイアログを自動的に処理するなど、信頼性に関するさまざまな修正も含まれています。

前回の更新以降に追加された主な機能は次のとおりです。

  • Chrome 拡張機能のデバッグ: エージェントは Chrome 拡張機能をターゲットにしてデバッグできるようになりました。これにより、拡張機能固有のページとバックグラウンド スクリプトを直接検査できます。
  • WebMCP ツールの呼び出し: 新しい試験運用版のツールを使用すると、エージェントはウェブページで公開されている WebMCP ツールを一覧表示して実行できます。
  • Lighthouse のエージェント ブラウジング: 新しい [エージェント ブラウジング] 監査カテゴリでは、WebMCP ツールの登録の検証など、サイトがエージェント ウェブ向けに最適化されているかどうかが評価されます。

これらの機能やその他の機能の使用を開始するには、詳細なリリースノートが記載されている GitHub リポジトリをご覧ください。

デフォルトでアクセシビリティ ツリー全体を表示

サイドバーに新しいユーザー補助切り替えが表示された [要素] パネル。

アクセシビリティ ツリーの完全版が試験運用段階を正式に終了し、[要素] パネルのデフォルト ビューとして残ります。この移行により、従来のパンくずリスト形式のユーザー補助ツリーがソースから削除され、このより包括的なビューが採用されました。

インターフェースを合理化するため、Chrome 148 では、以前に DOM ツリーとアクセシビリティ ツリーの切り替えに使用されていたフローティング アクション ボタンが削除されます。サイドバーの [ユーザー補助] タブにある専用の切り替えを使用して、ビューを切り替えられるようになりました。

Chromium の問題: 40808541

投機的読み込みの強化

投機的読み込みセクションが強化され、プリロードのデバッグに役立つようになりました。

  • テキスト フィルタリング: 自由形式のテキストまたはキー付きフィルタ(url:status: など)を使用して、ルールと試行のリストをフィルタできるようになりました。
  • HTTP ステータス コード: 失敗した試行について、実際の HTTP ステータス コード(404 や 503 など)がグリッドに直接表示されるようになりました。
  • フォームの送信: パネルで、プリロードのトリガーとして form_submission が明示的に識別され、表示されるようになりました。

Chromium の問題: 47952424640926909

これはコミュニティの貢献によるものです。@hjanuschka さん、ありがとうございます。

[アプリケーション] パネル。新しい [投機的実行ルール] フィルタバーと [クラッシュ レポート] コンテキストがハイライト表示されています。

障害レポートのコンテキスト

[アプリケーション] パネルのサイドバーに新しい [クラッシュ レポート] セクションが追加され、ブラウザで生成されたクラッシュ レポートを調べることができるようになりました。各レポートに、クラッシュに関連する Key-Value 属性を含む詳細な [コンテキスト] グリッドが表示されるようになりました。これにより、クラッシュを特定のフレーム状態や構成と関連付けやすくなります。

Chromium の問題: 400432195

名前のみの @container クエリ

DevTools で名前のみの @container クエリがサポートされるようになりました。以前は、記述子がないクエリ(@container sidebar など)が [スタイル] タブに正しく反映されないことがありました。スタイル プロパティ セクションで正しくレンダリングされ、リンクできるようになりました。

貢献していないセクションを折りたたむ

不要な情報を減らすため、[スタイル] タブで、アクティブな宣言がないセクションが自動的に折りたたまれるようになりました。空のルールや、オーバーロードされたプロパティ(他のルールによってオーバーライドされたプロパティ)のみを含むルールは、デフォルトで折りたたまれます。一方、無効なプロパティを含むセクションは、デバッグを容易にするために展開されたままになります。

Chromium の問題: 40287550351662727

リクエストの順序と推奨されるスロットリング

  • リクエスト番号列: [ネットワーク] パネルにオプションの [リクエスト番号] 列を追加できるようになりました。この列には、リクエストが開始された絶対順序が表示され、並べ替えがサポートされています。
  • 推奨スロットリング: [ネットワーク] パネルのスロットリング プルダウンで、サイトのユーザーからの実際のフィールド データ(CrUX)に基づいて推奨プリセットがハイライト表示されるようになりました。これにより、[パフォーマンス] パネルですでに確認できる推奨事項と一致するようになります。

[ネットワーク] パネルと [ネットワーク条件] パネル。新しい [リクエスト番号] 列と、推奨されるスロットリングがハイライト表示されています。

Chromium の問題: 40276422456383409

Adorner での広告の出所

DevTools で、要素が広告としてタグ付けされる理由がより明確にわかるようになりました。[要素] パネルで 広告の装飾にカーソルを合わせると、新しいツールチップに広告の出所が表示されます。

ツールチップには、要素が広告として識別された理由に関するコンテキストが表示されます。たとえば、次のような理由が表示されます。

  • スクリプトの祖先: 要素の作成に関与したスクリプト。
  • フィルタリスト ルール: フィルタリスト(EasyList など)から、読み込まれた要素またはリソースに一致した特定のルール。

これにより、デベロッパーやプライバシー研究者は広告タグ付けの背後にある「理由」を理解し、誤検出のデバッグに役立てることができます。

Chromium の問題: 490029725495842556

その他のハイライト

  • エミュレーション: ページ全体のスクリーンショットを撮影すると、ビューポートが「リーク」または破損した状態になることがあるという長年のバグを修正しました(495385035)。
  • WebAuthn: 仮想認証システムで hmac-secret 拡張機能と hmac-secret-mc 拡張機能のテストをサポート(420689820)。
  • メモリ: 新しいスナックバー通知でガベージ コレクションを手動でトリガーした際のフィードバックを改善(493708151)。
  • オブジェクトの検査: show-option-to-expose-internals-in-heap-snapshot 試験運用を削除しました。チェックボックスがデフォルトで表示されるようになりました(497855658)。