ご存知でしょうか？ Googleが、Chromeの開発者ツールについて、2026年11月の更新を新しく公開しています。
Chrome 155とChrome 156が安定版になったあと、2026年10月20日に公開された11月のまとめです。画面の確認、広告やインストールの診断、メモリの中まで、開発の途中で「いま何が起きているのか」を追う機能が加わっています。
上のロゴと、これから先の画面は、Googleおよび Chrome for Developers の公開ページから引用しています。
ご存知でしょうか。エージェントが、見た目の指定を読めるようになりました
コーディング用のエージェント向けに、Chrome DevTools for agents へCSSの確認が加わりました。計算された見た目と、どの指定が当たっているかを、ページを分けて取り出せます。設定ファイルや、大きい性能記録の読み分けも整理されました。DevToolsのメニューから、導入の案内を開く項目も足されています。
今回の中心は、エージェントが、いま開いているページの見た目を読んで確認できるようになった点です。
置き場所を、画面の上で選べるようになりました
Elementsパネルでは、CSSの position-area を、数値ではなく画面の区画として選べるようになりました。ポップオーバーが複数の基準を持つときは、DOMツリーから関係する要素へ移れます。Flexboxの折り返しや、まだ当たっていない @starting-style の確認も広がっています。
インストールと、広告の出どころも見られます
Applicationパネルでは、Web Installのマニフェストに問題があるとき、Issuesパネルから原因とファイルへ辿れます。広告の欄には、そのスクリプトがどの系統に当たったかを示す列が加わりました。
通信では、キャッシュを切っているときに Early Hints の先読みが無視される理由が、ヘッダー欄へ出ます。手元で差し替えた応答は、ページを移動しても残ります。
メモリでは、使われていないのに残り続けるクロージャの変数を、ヒープスナップショットから見つけやすくなりました。
Performanceパネルは、タイムラインの拡大や移動が滑らかになり、別のパネルへ移っても呼び出し木の開き方を保てます。SensorsではCPUの性能段階を直接選べ、色の選択では暗い背景の上の明るい文字についてもコントラストの提案が出ます。
今回の更新は、新しい画面を一から覚えるというより、すでにある確認の途中で「なぜこう見えるのか」を短く辿れるようにしたものです。公開されたばかりの内容なので、詳しい画面は公式記事で見るのが確実です。
参考: