Chromeチームは、DevTools MCP（Model Context Protocol）サーバーのパブリックプレビューを発表しました。MCPを通じて、AI搭載コーディングエージェントは実際のChromeインスタンスを直接制御し、パフォーマンストレース、 DOM/CSS検査、コンソール読み取り、スクリプト実行、ページ上のリアルタイムデバッグを実行できます。これにより、ブラウザの実行時におけるエージェントの長年の「目に見えず、実体がない」という性質が解消されます。
公式ブログとリポジトリでは、サンプルツール（performance_start_traceなど）を提供しています。エージェントはChromeを起動し、対象サイトを開き、パフォーマンストレースを記録し、ボトルネックを分析し、実用的な最適化の提案を提供できます。MCPの標準化されたインターフェースに基づいて、DevToolsの機能はGemini、Claude、Cursor、Copilotなどのクライアントで再利用でき、Webパフォーマンスの最適化、UIの回帰、エンドツーエンドのデバッグなどのシナリオに適しています。現在パブリックベータ版であり、今後の機能は継続的に改善される予定です。
よくある質問
Q: DevTools MCP とは何ですか?
A: MCP プロトコルを介して公開されるサーバーで、AI エージェントが標準ツール呼び出しを通じてChrome DevToolsのデバッグ機能とパフォーマンス機能を使用できるようになります。
Q: 具体的にどのような操作が行えますか?
A: パフォーマンス トレースを開始し、DOM/CSS を検査し、コンソールを読み取り、JS を実行し、トレース記録と分析を行い、自動化されたユーザー プロセスをサポートします。
Q: どのようなプロキシ/クライアントがサポートされていますか?
A: MCP をサポートするクライアントの場合、公式の例ではGemini、Claude、Cursor、Copilotなどをすべて統合できることが示されています。
Q: 現在のリリースフェーズは何ですか?
A:パブリック プレビュー。コードと npm パッケージが利用可能で、フィードバックに基づいて機能が反復されます。
Q: 既存の CDP (Chrome DevTools Protocol) との関係は何ですか?
A: MCP は、クライアントとツール間の接続を標準化する、より高レベルの統合ブリッジ プロトコルです。基盤となるレイヤーでは、引き続き DevTools/Chrome の機能が利用されます。
