377文字
2分
編集

Chrome DevTools 147

Chrome DevTools 147 では、AI assistance が自動で文脈を選ぶ機能や、コード提案のコード生成への拡張が入り、Device Mode と Network パネルを含む複数領域が改善された。加えて、Chrome DevTools MCP サーバーと CLI が v0.21.0 に更新され、エージェント運用向けの機能が増えた。

  • AI assistance が、事前に対象を選ばなくても質問内容に応じて適切なコンテキストを自動選択する。会話が始まった後は手動選択を尊重する。
  • Ctrl+I(Windows/Linux)または Cmd+I(macOS)で、自然言語コメントからのコード生成を行える。
  • Device Mode のツールバーが刷新され、標準 UI コンポーネントへの統一やズーム操作の整理、screen.orientation.lock() のエミュレーション対応が入った。
  • Network パネルの Payload で、gzip/deflate 圧縮ボディを自動でデコードして表示できる。
  • Styles / Computed / Properties のフィルターで正規表現を使える。
  • Application > Speculative loads で、フィルター強化、クリアボタン追加、prefetch 失敗時の HTTP ステータス表示などが入った。

Chrome DevTools MCP サーバーと CLI(v0.21.0)では、エージェント運用を意識した更新が入った。

  • MCP 経由で Lighthouse 監査を実行でき、性能や品質チェックをワークフローへ組み込みやすくなった。
  • take_memory_snapshot を使ったメモリリーク検出スキルが追加された。
  • アクセシビリティ関連スキルが改善され、Lighthouse を使った出力が強化された。
  • pageId ルーティングが導入され、複数エージェントが別々のページを並列に扱えるようになった。

#参考文献