DevTools の新機能（Chrome 148）

Matthias Rohmer

公開日: 2026 年 5 月 5 日

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

エージェント向けの DevTools

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

前回のアップデート以降に追加された主な機能は次のとおりです。

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

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

デフォルトでアクセシビリティ ツリーの全ページ表示

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

アクセシビリティ ツリーの全ページ表示は試験運用版の段階を正式に終了し、[Elements] パネルのデフォルト ビューとして残ります。この移行に伴い、従来のパンくずリスト形式のアクセシビリティ ツリーはソースから削除され、より包括的なビューに置き換えられました。

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

Chromium の問題: 40808541

投機的読み込みの機能強化

[Speculative loads] セクションが強化され、プリロードのデバッグがより強力になりました。

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

Chromium の問題: 479524246、 40926909

これはコミュニティからの投稿です。 @hjanuschkaさん、ありがとうございました。

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

クラッシュ レポートのコンテキスト

[Application] パネルのサイドバーに新しい [Crash reports] セクションが追加され、ブラウザによって生成されたクラッシュ レポートを検査できるようになりました。各レポートについて、DevTools にはクラッシュに関連するキーと値の属性を含む詳細な [Context] グリッドが表示されるようになり、クラッシュと特定のフレームの状態や構成を関連付けやすくなりました。

Chromium の問題: 400432195

名前のみの @container クエリ

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

寄与しないセクションを折りたたむ

雑然としないように、[Styles] タブでアクティブな宣言に寄与しないセクションが自動的に折りたたまれるようになりました。空のルールや、オーバーロードされたプロパティ（他のルールによってオーバーライドされたプロパティ）のみを含むルールはデフォルトで折りたたまれますが、プロパティが無効になっているセクションはデバッグしやすいように展開されたままになります。

Chromium の問題: 40287550、 351662727

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

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

[Network] パネルと [Network conditions] パネル。新しい [Request #] 列と、推奨されるスロットリングがハイライト表示されています。

Chromium の問題: 40276422、 456383409

Adorner の広告の出所

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

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

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

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

Chromium の問題: 490029725、 495842556

その他のハイライト

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