DevTools の新機能（Chrome 146）

Matthias Rohmer

公開日: 2026 年 3 月 10 日

Chrome 146 では、[要素] パネルでの採用されたスタイルシートのサポートが改善され、コンソールの履歴ナビゲーションが大幅に改善され、プライバシーのデバッグ ワークフローが効率化されています。また、さまざまな小さな修正と更新も行われています。

DevTools MCP サーバーの更新

DevTools MCP サーバーがバージョン 0.19.0 になり、強力な新ツール、効率の改善、特殊なデバッグ スキルが導入されました。

• 統合された Lighthouse 監査: MCP を介して Lighthouse 監査を直接実行できるようになりました。これにより、エージェント ワークフロー内でパフォーマンスと品質の自動チェックが可能になります。
• スリムモード: 新しい --slim モードが利用可能になりました。このモードは、トークンを最大限に節約できるようにツール説明とパラメータを最適化するように設計されています。
• 新しいデバッグ スキル: アクセシビリティの監査とデバッグ、最大コンテンツ描画（LCP）のデバッグと最適化に特化したスキルを追加しました。
• 拡張されたツールと機能: サーバーで、ストレージ分離ブラウザ コンテキスト、試験運用版のスクリーンキャスト録画、新しい take_memory_snapshot ツール、type_text などの高度なインタラクション機能がサポートされるようになりました。

変更点の完全なリストについては、GitHub の公開変更履歴をご覧ください。

コンソール履歴の編集を保持する

コンソールの長年の問題点が解決されました。以前は、履歴から取得したコマンドを編集中に移動（上キーまたは下キーを押す）すると、編集内容が失われていました。

Chrome 146 では、コマンド履歴を移動する際に、DevTools で編集内容が保持されるようになりました。以前のコマンドの変更を開始したり、別のコマンドを参照したり、作業内容を失うことなく下書きに戻ったりできます。

これはコミュニティの貢献によるものです。@hjanuschka さん、ありがとうございます。

Chromium の問題: 355108929

Adopted Style Sheets のサポートを改善

ウェブ コンポーネントと最新の CSS アーキテクチャのデバッグが大幅に容易になりました。採用されたスタイルシートは非表示にならず、DOM ツリー内の専用の #adopted-style-sheets ノードの下にグループ化されて、[要素] パネルに表示されるようになりました。

これらのシートは標準の <style> タグと同様に検査でき、[スタイル] ペインでルールを直接編集することもできます。これにより、構築されたスタイルシートと宣言型スタイルの間にパリティがもたらされ、Shadow DOM、ウェブ コンポーネント、共有デザイン システムのデバッグが簡素化されます。

Chromium の問題: 476399197、40802935

高密度グリッド レイアウトのサポート

[スタイル] ペインのグリッド エディタで、dense パッキング アルゴリズムがサポートされるようになりました。grid-auto-flow を編集する際に、dense キーワードの新しいチェックボックスが表示されます。このチェックボックスを使用すると、UI から直接、標準パッキング モードと高密度パッキング モードをすばやく切り替えることができます。

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

Chromium の問題: 40791512

プライバシーのデバッグを合理化

以前の [プライバシーとセキュリティ] パネルの名前が [セキュリティ] に変更され、UI の煩雑さを軽減し、デバッグ ワークフローを統合するために整理されました。サードパーティの Cookie の問題や潜在的な破損の確認など、プライバシー関連の情報はすべて Console で直接報告されるようになりました。

この変更により、プライバシーの問題を診断するためにパネルを切り替える必要がなくなり、他のログやエラーとともに表示されるため、コンテキストをすぐに把握できます。

Chromium の問題: 473796598

その他のハイライト

• ソース: スタック トレース アーキテクチャの大幅な見直しにより、ソースマップの読み込みが遅れた場合に UI がジャンプしたり、ファイルが予期せず切り替わったりする問題が解決されました。
• ネットワーク: イニシエータ ポップアップで、リクエスト チェーンの信頼性を高めるために、改善されたスタック トレース システムが使用されるようになりました。

ユーザー補助に関するお知らせ

このバージョンでは、アクセシビリティが次のように改善されています。

• レコーダー: [コードを表示] サイドバーの切り替え時に、スクリーン リーダーが読み上げるようになりました。
• アプリ: 「共有ストレージ」、「戻る/進むキャッシュ」、「バウンス トラッキングの軽減」の新しいレポート タイトルが、見出しとして正しくアナウンスされるようになりました。
• 設定: ショートカット アイテムとカラーボタンのハイ コントラスト モードのサポートが改善されました。
• 全般: CSS の概要パネルやメディア プレーヤーのエントリなど、さまざまな UI 要素のフォーカスの可視性が向上しました。

Chromium の問題: 479882111、478888141、479250362