DevTools の新機能（Chrome 147）

Matthias Rohmer

公開日: 2026 年 4 月 7 日

Chrome 147 では、AI アシスタンスのコンテキストの自動選択、コード候補のフルコード補完へのアップグレード、Device Mode ツールバーの刷新、圧縮されたネットワーク本文の自動デコードなど、さまざまな機能強化が行われています。

AI アシスタントのコンテキストの自動選択

更新された AI アシスタンス パネルのスタート画面。

AI アシスタントに対する機能リクエストで最も多かったのは、よりオープンエンドな質問ができるようにしてほしいというものでした。新しいコンテキスト選択エージェントを使用すると、 質問を事前にコンテキストを選択しなくてもできるようになりました。たとえば、次のような質問ができます。

  • 「このページで最も遅いネットワーク リクエストは何ですか？」以前は、特定のネットワーク リクエストを選択する必要があったため、これは不可能でした。
  • 「このページにはどのようなパフォーマンスの問題がありますか？」DevTools は、選択した設定でトレースを自動的に記録して、この質問に回答します。
  • 「アニメーション パネルの使用方法」や「DevTools のハイコントラスト設定はどこにありますか？」など、DevTools 自体に関する直接的なヘルプを提供します。

この変更の一環として、AI アシスタントでコンテキストを自動的に切り替えられるようになりました。 チャットが空の場合、操作に基づいてコンテキストがインテリジェントに更新されます。会話が開始されると、手動で選択した内容が尊重されます。

エージェント向け DevTools

Chrome DevTools MCP サーバーと CLI がバージョン 0.21.0 に更新され、マルチエージェント ワークフローが大幅に改善され、Lighthouse による新しい監査機能が追加され、スキルセットが強化されました。

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

  • Lighthouse 監査の統合: MCP を介して Lighthouse 監査を直接実行できるようになり、エージェント ワークフロー内でパフォーマンスと品質の自動チェックが可能になりました。
  • メモリリーク検出スキル: take_memory_snapshot ツールを使用してメモリ リークを検出する新しいスキルが追加されました。
  • ユーザー補助スキルの改善: ユーザー補助のデバッグ スキルが改良され、Lighthouse をより活用して、より堅牢な出力を提供できるようになりました。
  • 一般的な使用スキル: Chrome DevTools MCP サーバーまたは CLI の使用方法、インストールのトラブルシューティング方法に関する専用のスキルにより、エージェントはエージェント向け DevTools を最大限に活用できます。
  • マルチエージェント ワークフローのサポート: pageId ルーティングの導入により、複数のエージェントが特定のブラウザページを並行して正確にターゲットに設定して操作できるようになりました。

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

コード生成

Chrome 142 では、[コンソール] パネルと [ソース] パネルで Gemini によるコード候補が導入されました。 Chrome 147 では、この機能がフルコード生成にアップグレードされます。

コードを生成するには、必要なロジック を説明する自然言語のコメント（例: // Loop to check all img elements for valid alt attributes）を入力し、Cmd+I（Mac）または Ctrl+I（Windows/Linux）を押して生成を開始します。

Device Mode ツールバーの刷新

デバイスモード ツールバーが刷新され、より一貫性のある合理化されたエクスペリエンスが提供されるようになりました。

  • コントロールの標準化: デバイスの選択、ズームレベル、デバイス ピクセル比（DPR）で標準の DevTools UI コンポーネントが使用されるようになり、ユーザビリティが向上しました。
  • ズームの合理化: ズームメニューがすっきりし、[ウィンドウに合わせる] オプションがパーセント リストに直接統合されました。[ズームを自動調整] は、専用のツールバー ボタンに移動しました。
  • 画面の向きのロックのサポート: DevTools で、デバイス エミュレーションで screen.orientation.lock() API が処理されるようになりました。ページで向きがロックされると、エミュレートされたデバイスがロックされた向きに合わせて自動的に回転します。ロックが有効になっている間は、手動回転ボタンが無効になります。

Chromium の問題: 40807290

圧縮された本文のデコード

圧縮されたリソースに関する問題の診断がはるかに簡単になりました。以前は、HTTP リクエストで Content-Encoding: gzip または deflate が使用されている場合、[ネットワーク] パネルの [ペイロード] ビューに、デコードされたコンテンツではなく文字化けしたバイナリデータが表示されていました。

Chrome 147 では、DevTools がこれらの圧縮された本文を自動的にデコードし、読み取り可能なコンテンツを [ペイロード] の下に直接表示します。

また、リクエスト リストに [転送サイズ] 情報が表示されるようになり、ネットワーク経由でのデータ使用状況をより明確に把握できるようになりました。この情報は、AI アシスタントがリクエストをより適切に選択するためにも使用されます。

Chromium の問題: 356158096

スタイルに対する正規表現フィルタ

[スタイル] パネルの新しい正規表現フィルタ。

[スタイル]、 [計算済み]、[プロパティ] パネルのフィルタバーで正規表現を使用できるようになりました。新しい正規表現切り替えボタン（.*）をクリックして有効にします。たとえば、「padding|border」と入力すると、すべての padding プロパティと border プロパティがハイライト表示されます。

Chromium の問題: 40706727

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

[アプリケーション] > [投機的読み込み] パネルの新機能により、プリロードのデバッグがより堅牢になりました。

  • テキスト フィルタリング: 自由形式のテキストまたはキー付きフィルタ（url:、action:、status: など）を使用して、ルールと試行のリストをフィルタできるようになりました。複数の用語間の AND ロジックもサポートされています。
  • クリアボタン: 新しいクリアボタンを使用すると、プリロード モデルをリセットし、表示されているルールと試行をクリアできます。
  • HTTP ステータス コード: プリフェッチが失敗した場合、DevTools には一般的なエラー メッセージではなく、ステータス列と詳細パネルの両方に実際の HTTP ステータス コード（404 など）が表示されるようになりました。

Chromium の問題: 479524246、 40926909

その他

このリリースにおける注目すべき修正と機能は次のとおりです。

  • コンソール: エラーのすべてのインライン スタック フレームが無視リストに登録されていても、コールスタックに無視されないフレームが含まれている場合、ノイズの多いライブラリ トレースを非表示にして、操作可能なコードに集中できるようにする切り替えが表示されるようになりました（379788109）。
  • パフォーマンス: サイドバーの状態（開く/閉じる）が保持されるようになりました。サイドバーを閉じると、以降の記録でも閉じられたままになります（437340219）。
  • 設定: 特定の試験運用版の設定を切り替えるときに、 インフォバーでブラウザの再起動を求めるメッセージが表示されるようになりました。
  • オブジェクトの検査: オブジェクト ビューに新しい [すべて表示] コンテキスト メニュー オプションが追加され、nullish（null または undefined）プロパティの表示 / 非表示を切り替えられるようになりました （41187256）。
  • 要素: 「ad」アドーナーが iframe に限定されなくなり、バックエンドによって広告関連としてタグ付けされた任意の要素に 表示できるようになりました （485493202）。
  • 命令ノード: 処理命令ノード（<?xml-stylesheet ... ?> など）が DOM ツリーに表示され、編集できるようになりました （484891675）

ユーザー補助

このリリースでは、ユーザー補助機能がいくつか改善されています。

  • パフォーマンス: パフォーマンス指標カードのタイトル ヘルプボタンが、 ホバーしたときにのみ表示されるのではなく、常に表示され、キーボードでアクセスできるようになりました（487613506）。
  • ソース: イベント リスナーのブレークポイントをオンまたはオフにできるようになりました スペースキーを使用して （478890182）。
  • 設定: Home キーと End キーを使用して、ショートカット リストの最初と 最後の項目に移動できるようになりました (481747256)。
  • Lighthouse: カテゴリ グループの チェックボックスのスクリーン リーダーの読み上げが改善されました（477643909）。