DevTools の新機能（Chrome 149）

Matthias Rohmer

公開日: 2026 年 6 月 2 日

Chrome 149 では、AI アシスタンスが大幅にアップグレードされ、[アプリケーション] パネルに試験運用版の WebMCP デバッグツールが導入され、コード補完のサポートが CSS にまで拡大されます。

エージェント向け DevTools

エージェント向け Chrome DevTools の MCP サーバーと CLI が正式に安定版になりました。お知らせの全文はこちらをご覧ください。

v1.1.1 リリースまでに新たに追加された主な機能とツールは次のとおりです。

• カスタムのサードパーティ製ツール（ページ公開型）: ページで JavaScript を介してカスタム デバッグツールを定義できるようになりました。このツールは、エージェントの DevTools で検出して呼び出すことができます。
• WebMCP デバッグ: エージェント用の DevTools で WebMCP ツールを一覧表示して実行できるようになりました。
• カスタム HTTP ヘッダーのエミュレーション: エミュレーション ツールに HTTP ヘッダー（認証トークンやカスタム ユーザー エージェントなど）のサポートを追加します。

サードパーティ製ツールと WebMCP のデバッグはまだ試験運用中であり、デフォルトでは有効になっていません。WebMCP ツールの詳細については、ツール リファレンスをご覧ください。サードパーティ ツールの詳細については、ドキュメントをご覧ください。

エージェント向け DevTools に関する最新の更新情報と投稿については、GitHub リポジトリをご覧ください。ドキュメントをご覧になるか、Google I/O の包括的な動画セッション Supercharge your AI coding workflow with Chrome DevTools for agents で詳細をご確認ください。

AI アシスタンス

AI アシスタンス パネルのユーザー インターフェースが大幅に更新され、会話型エクスペリエンスを改善し、ページに関するより詳細な分析情報を提供する新しいツールが追加されました。

• エージェントのウォークスルー: AI アシスタントが、書式なしテキストのマークダウンではなく、チャット インターフェース内に直接ウィジェットをレンダリングするようになりました。これらのウィジェットには、コア ウェブ バイタルと関連する分析情報、LCP 要素、LCP の内訳、ボトムアップ スレッド アクティビティなどが表示されます。ウィジェット内の [Reveal] リンクをクリックすると、DevTools 内のこの情報のソースに移動します。
• コーディング エージェントにコピー: 会話の最後に専用のボタンが表示され、会話の要約（プロンプトとして）または会話の全文をコピーして、選択したコーディング エージェントに貼り付けることができます。
• 機能のアップグレード: AI アシスタンスが Lighthouse と関連する分析情報にアクセスできるようになり、ページを包括的に分析して、的を絞ったアドバイスを提供できるようになりました。
• 回答の改善: Gemini 3 を基盤とし、前文を洗練させたことで、AI アシスタンスがより簡潔で実用的な回答を提供できるようになりました。
• ナビゲーションの改善: 上矢印キーと下矢印キーを使用して、以前のチャット プロンプトをナビゲートできるようになりました。これにより、以前のクエリをすばやく直感的に絞り込んだり、再実行したりできます。

[コーディング エージェントにコピー] を優先するため、Chrome 152 で AI アシストによる自動スタイル修正のサポートを非推奨にします。このプランに関するご意見は、専用のフィードバック バグからお寄せください。

WebMCP

このリリースでは、[Application] パネルのサイドバーに試験運用版の WebMCP デバッグツールが導入されています。WebMCP（Web Model Context Protocol）を使用すると、ウェブページで、LLM エージェントが使用するツールを登録できます。提案されている標準について詳しくは、ドキュメントをご覧ください。

新しいデバッグツールを使用すると、次のことができます。

• クライアントサイドのツールとそのスキーマを検査します。
• カスタム パラメータを使用してツール実行を手動で実行します。
• アクティブまたは保留中のツール呼び出しイベントを追跡してフィルタします。
• 実行ステータスをモニタリングし、戻りペイロードを検査します。

WebMCP は、早期プレビュー版の提案中のウェブ標準です。chrome://flags で #devtools-webmcp-support フラグと #enable-webmcp-testing フラグを有効にして、テストを開始します。

Chromium の問題: 494516094

CSS のコード補完

[スタイル] タブで、コンソール パネルとソースパネルのサポートを基盤として、Gemini を使用した CSS のコード補完機能が利用できるようになりました。[設定] > [AI イノベーション] > [コードの提案] でコードの提案を有効にします。

これにより、正確な構文を覚えていなくても、グラデーションやボックス シャドウなどの CSS プロパティの複雑な組み合わせを試すことができます。または、複数の関連プロパティを使用して、グリッド レイアウトとフレックス レイアウトをすばやく作成します。

[スタイル] タブの下部にあるツールバーに、読み込みスピナーでステータスが表示されます。入力に合わせて候補が更新またはクリアされるため、AI 生成テキストは手動編集に関連したままになります。

APCA 色コントラスト ガイドラインが安定版に昇格

高度な知覚コントラスト アルゴリズム（APCA）のコントラスト計算ツールが試験運用段階を正式に終了し、標準のユーザー設定として利用できるようになりました。APCA は、従来の AAA/AA コントラスト ガイドラインを、最新のディスプレイとテキスト レンダリングに最適化された最新の知覚コントラスト モデルに置き換えます。

[設定 > 設定 > 要素 > APCA コントラスト ガイドラインを有効にする] にあるチェックボックスを使用して、APCA ガイドラインを有効または無効にできるようになりました。

ダイナミック デバイスモードのユーザー エージェント

レスポンシブ デバイスモードでは、以前はハードコードされたユーザー エージェント文字列（Android 6.0; Nexus 5）が使用されていました。報告された OS が 10 年以上前のものと認識されたため、最新のウェブサイトで機能が低下したり、互換モードがトリガーされたりしていました。

ハードコードされたユーザー エージェントは、現在の暦年に基づいて自動更新される動的なヒューリスティックに置き換えられました。これにより、DevTools は手動メンテナンスを必要とせずに、常に妥当な最新の環境をレポートします。

その他のハイライト

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

• コンソール: コンソール パネルのツールバーに [すべて折りたたむ / すべて展開する] 切り替えボタンを追加しました。これにより、アクティブなコンソール グループとスタック トレースをすべて一度に展開または折りたたむことができます。（427657550）
• アプリケーション: アプリケーション メタデータ ビューのストレージ バケット フィールドの静的テキストが、クリック可能なハイパーリンクに置き換えられました。バケットのリンクをクリックすると、[ストレージ バケット] サイドバー パネルでそのバケットが自動的にハイライト表示されます。（435311130）
• アプリケーション: クラッシュの回帰を解決した後、Service Worker のフル ストレージ検査サポートを再度有効にしました。（406991275、466134219）
• アプリケーション: プリロード パネル内で form_submission プリレンダリング イベントを検査するサポートを追加しました。（346555939、488078903）
• アプリ: デバイスにバインドされたセッション認証情報（DBSC）の管理を実装しました。これにより、デベロッパーはコンテキスト メニューから、または Delete キーまたは Backspace キーを押して、アクティブなセッションをクリアまたは削除できます。（471017387）
• 要素: [問題] パネルに表示されている非表示の問題を表す DOM ノードのハイライト表示が、問題フィルタの操作に応じて動的に更新（表示または非表示）されるようになりました。（40272723）
• ネットワーク: サーバー送信イベント（SSE）が完全にシリアル化され、HAR エクスポートに含まれるようになりました。これにより、継続的なライブ イベント ストリームのキャプチャを保存して、DevTools に再インポートできるようになりました。（494294071）
• パフォーマンス: ライブ指標ビューで Core Web Vitals のトラッキングを修正し、トラッキングをメインフレームの実行コンテキストに厳密に固定して、動的 iframe のチャーンによって指標がリセットされないようにしました。（494350655）
• パフォーマンス: web-vitals を v5.2.0 にアップグレードし、INP モニタリング中のメモリリークに対するネイティブ アップストリーム修正を導入しました。（484342204）