chrome-devtools MCP セットアップ

Chrome DevTools Protocol (CDP) 経由で Chrome ブラウザを操作するための MCP サーバーを設定・接続する。

セットアップ手順

Step 1: MCP 設定を確認

claude mcp list

chrome-devtools が表示されなければ Step 2 へ。表示されていれば Step 3 へ。

Step 2: MCP サーバーを追加

autoConnect モード (推奨、Chrome 144+):

Chrome の chrome://inspect/#remote-debugging で「Allow remote debugging for this browser instance」を有効にした上で: