DevTools の新機能（Chrome 151）

Matthias Rohmer

公開日: 2026 年 7 月 28 日

Chrome 151 では、AI アシスタンスのエージェント ウォークスルー用のウィジェットの追加、[スタイル] タブでの CSS 特異性の詳細な内訳、::interest-button 疑似要素のサポート、DevTools MCP サーバーのメジャー アップデートが導入されています。

エージェント向け DevTools

v1.6.0 までの最近のリリースでは、エージェント向け Chrome DevTools のデバッグ機能が大幅に拡張され、Antigravity、Claude、Codex などのコーディング エージェントに対応しました。

バージョン v1.4.0 から v1.6.0 までの更新内容は次のとおりです。

  • メモリ デバッグの改善: 新しい get_heapsnapshot_duplicate_strings ツールは、JavaScript ヒープ内の冗長な文字列割り当てによって発生するメモリの無駄を検出します。get_heapsnapshot_details は、オブジェクトの合計数とメモリサイズの集計、フィルタリング可能なヒープ スナップショットの集計、GC ルートの保持パスを返し、スナップショット間のメモリ差分を有効にします。
  • GCF 形式のエンコード（experimentalGcfFormat）: GCF エンコードされたツール レスポンスのサポートを追加し、サポート クライアントの帯域幅と解析効率を最適化しました。
  • 同時マルチエージェント ページ ルーティングと分離されたコンテキスト: --experimentalPageIdRouting を使用すると、明示的な pageId ルーティングを使用して、並列サブエージェントが異なるブラウザタブで同時に動作できます。--isolated モードと isolatedContext パラメータは、セッションごとに一時的な Chrome プロファイルとストレージを作成します。

詳細と使用を開始する方法については、GitHub のエージェント用 DevTools リポジトリをご覧ください。

AI アシスタンス

画像/スクリーンキャスト: 新しいネットワーク トラックのインライン ウィジェットと、GFM テーブルのサポートを備えたインタラクティブなチュートリアルが表示されている AI アシスタンス パネル。

[AI アシスタンス] パネルは進化を続けており、エージェントのウォークスルーでより詳細な情報を提供しています。専用の [ネットワーク トラック] ウィジェット（パフォーマンス パネルのタイムラインにインラインでネットワーク アクティビティを表示し、ワンクリックでズームインしてタイムラインの範囲を拡大）と [ネットワーク リクエスト リスト] ウィジェット（構造化されたリクエスト パラメータをインタラクティブな表で表示）が追加されました。

また、レスポンス メッセージで、書式設定された表形式のデータ概要の GitHub Flavored Markdown（GFM）テーブルのレンダリングが完全にサポートされるようになりました。

CSS の詳細度の内訳と ::interest-button のサポート

[スタイル] タブの新しい CSS 詳細度ブレークダウン ツールチップ。

[要素] パネルには、最新のウェブ プラットフォーム API のためのより詳細な CSS 検査ツールとオーサリング ツールが用意されています。

  • CSS の詳細度の詳細な内訳: [スタイル] タブでセレクタ名にカーソルを合わせると、各クラス、ID、要素、疑似クラスが (a, b, c) の詳細度の計算にどのように貢献しているかを示す詳細なツールチップが表示されるようになりました。これはコミュニティの貢献によるものです。@hjanuschka さん、ありがとうございました。
  • ::interest-button 疑似要素: DevTools で、新しい ::interest-button CSS 疑似要素（HTML interesttarget 仕様の一部）が完全に解析され、[要素] ツリーのアウトラインと [スタイル] タブに表示されるようになりました。
  • HTML 関係属性の非同期ターゲット リンク: popovertarget、interesttarget、commandfor などの HTML 属性が、ターゲット DOM ノードを非同期で取得し、インラインで視覚的にリンクするようになりました。
  • 大きなスタイルシートの遅延レンダリング: 要素が 200 個の CSS プロパティを超えた場合、[スタイル] タブで遅延プロパティ装飾が使用されるようになり、レンダリング ブロック時間が数秒からミリ秒に短縮されました。

Chromium の問題: 353436867、453705247、524406293、457696384、524131115

メモリのデバッグ: ネイティブ コンテキストの属性とクロージャの保持

スナップショットとコンテキストで保持されているオブジェクト フィルタが有効になっているメモリパネル。

[メモリ] パネルで、マルチフレームまたはマルチ コンテキストのウェブ アプリケーションにおける複雑な JavaScript メモリリークの診断が大幅にわかりやすくなりました。

  • ネイティブ V8 コンテキストの属性: ヒープ スナップショットで 2 段階の属性アルゴリズムが実行されるようになりました。静的ポインタ推論は native_context マップを解決し、グラフ到達可能性は残りのオブジェクトをトレースします。単一のネイティブ コンテキストから到達可能なオブジェクトは、そのコンテキストに直接関連付けられます。複数のコンテキストから到達可能なオブジェクトは、共有コンテキスト バケットに分類されます。
  • [Retained by Context] フィルタ: ヒープ スナップショット パースペクティブに新しい UI フィルタが追加され、JavaScript クロージャ コンテキスト オブジェクトを通じてのみ保持されているオブジェクトを分離できるようになりました。
  • プロパティの表示順序を構成可能に: 新しいコンテキスト メニューの切り替え [プロパティをアルファベット順に並べ替える]（デフォルトで有効）を使用すると、ヒープ オブジェクトのプロパティを検査する際に、アルファベット順の並べ替えと元の JS プロパティの挿入順序を切り替えることができます。

Chromium の問題: 497855658、423838364、40833016

Promise 化された拡張機能 API とセキュリティ強化

DevTools 拡張機能 API が、最新の非同期パターンとより厳格なセキュリティ制御で更新されました。

  • ネイティブ Promise のサポート: chrome.devtools.network（getHAR()、Request.getContent()）、chrome.devtools.panels、chrome.devtools.inspectedWindow（eval()、getResources()、Resource.getContent()、Resource.setContent()）の非同期メソッドは、コールバック パラメータなしで呼び出されたときに、標準の JavaScript Promise オブジェクトを返すようになりました。
  • 拡張機能のセキュリティ境界: DevTools 拡張機能は、ブロックされたターゲット URL の HAR リソースの取得が制限され、inspectedWindow.eval での拡張機能間の評価で extensionsOnChromeUrls 権限を満たし、file:// リソースで allowFileAccess チェックを適用する必要があります。

その他のハイライトと修正

このリリースでは、次のような軽微な改善とバグの修正が行われています。

  • パフォーマンス: Soft FCP（First Contentful Paint）のタイムライン マーカーを Soft LCP マーカーと Soft Navigation マーカーと並べて追加し、詳細ドロワーのヘッダーを更新しました。
  • パフォーマンス: PressureObserver をサポートしていない Android デバイスで CPU スロットリングの調整中にコンピューティング プレッシャー チェックをスキップするガードを追加しました。
  • ネットワーク: cURL としてコピーを更新し、ターゲット URL の先頭に --url を付加して、ダッシュで始まる URL のコマンドライン フラグの誤解釈を防ぎました。
  • ソース: ソースマップのスコープ解決をデフォルトで有効にし、デバッグ中の変数スコープ解決とシンボルの最小化解除を改善しました。
  • 設定: 新しい iPhone と Google Pixel モデルのエミュレートされたデバイスのプリセットを更新し、安全領域のインセットを確認しました。また、カスタム デバイスのユーザー エージェント フィールドに navigator.userAgent を事前入力します。（Chromium の問題: 40718410、518215252）
  • 設定: [リンクの処理] 設定のプルダウンが更新され、拡張機能の元の URL ではなく、わかりやすい拡張機能のタイトルが表示されるようになりました。
  • Lighthouse: バンドルされている Lighthouse モジュールをバージョン 13.4.0 に更新しました。（Chromium の問題: 40543651）

ユーザー補助機能の改善

Chrome 151 では、次のユーザー補助機能が強化されています。

  • 要素: 競合する background-color のオーバーライドを削除することで、Windows のハイ コントラスト / @media (forced-colors: active) モードで、切り替えられたツールバー アイコン（スクリプト実行の [再開] ボタンなど）の可視性を復元しました。（Chromium の問題: 519762185）
  • コンソール: コンソールピンで切り捨てられたライブ式文字列値の、アクセス可能な全文 title ツールチップを追加しました。