Chrome DevTools MCP は、ブラウザが見ているものを AI ツールにも見えるようにする Model Context Protocol の連携である。エージェントに、DOM を調べたり、詳細なパフォーマンストレース、コンソールログ、ネットワークトレースを取得したりするための直接アクセスを与えるもので、2026 年に向けた私の LLM コーディングワークフロー ではエージェントに「目」を与えるものと表現されている。ソースコードは GitHub の https://github.com/chromeDevTools/chrome-devtools-mcp にある。
機能
その目的は、静的なコード解析と実際のブラウザでの実行とのあいだのギャップを埋めることにある。ブラウザの実行時データをエージェントに公開することで、その情報を伝えるために人間が手作業でコンテキストを切り替える手間をなくし、UI テストを LLM を通じて直接自動化できるようにする。これにより、実際の実行時データに基づいてバグを診断・修正できるようになる。
採用とエコシステム
かつて自身のチームがこれを開発した Addy Osmani は、AI エージェントとともにコーディングする際のデバッグと品質のループの一部として、これを使っていると述べている。