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 マップが解決され、グラフ到達可能性トレースにより残りのオブジェクトがトレースされます。単一のネイティブ コンテキストから到達可能なオブジェクトは、そのコンテキストに直接属性が設定されます。複数のコンテキストから到達可能なオブジェクトは、共有コンテキスト バケットに分類されます。
  • [**コンテキストで保持**] フィルタ: ヒープ スナップショットの パースペクティブに新しい UI フィルタが追加され、JavaScript クロージャー コンテキスト オブジェクトを介してのみ保持されるオブジェクトを分離できます。
  • 構成可能なプロパティの表示順序: 新しいコンテキスト メニューの切り替え [プロパティをアルファベット順に並べ替える]（デフォルトで有効）を使用すると、ヒープ オブジェクトのプロパティを検査する際に、アルファベット順の並べ替えと元の JS プロパティの挿入順を切り替えることができます。

Chromium の不具合: 497855658、 423838364、40833016

Promisified Extension API とセキュリティ強化

DevTools Extension 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 LCP マーカーと Soft Navigation マーカーに加えて、Soft FCP （First Contentful Paint）タイムライン マーカーが追加され、詳細 ドロワーのヘッダーが更新されました。
  • パフォーマンス: 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 では、次のユーザー補助機能が強化されています。

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