Claude Code 2.0.72 ブラウザ機能比較

Claude Code 2.0.72で「Claude in Chrome (Beta)」という新機能が追加された。これは、従来から使用可能なchrome-devtools-mcpとは異なるものである。

結論

項目	Claude in Chrome (Beta)	chrome-devtools-mcp
種類	Chrome拡張機能連携	MCPサーバー
提供元	Anthropic公式	Google Chrome DevTools チーム
利用条件	Max プラン専用	誰でも無料
接続方式	拡張機能経由	リモートデバッグポート (9222)
主な用途	エンドユーザー向けブラウザ操作	開発者向けデバッグ・自動化

両者は補完的な関係であり、用途に応じて使い分けることができる。

Claude in Chrome (Beta)

概要

Anthropic公式のChrome拡張機能と連携してブラウザを直接制御できる、Claude Code 2.0.72で追加された新機能。

Claude Code CLI <---> Chrome拡張機能 <---> Chromeブラウザ

特徴

Maxプラン限定: 有料プラン（Max）のユーザーのみ利用可能
拡張機能が必要: https://claude.ai/chrome から拡張機能をインストール
高度な機能:
- スケジュールタスク（定期的なブラウザタスクの自動実行）
- マルチタブ対応（複数タブを同時操作）
- 計画に沿った実行（ワークフローを承認後、自動実行）
- モデル選択（Haiku 4.5 / Sonnet 4.5 / Opus 4.5）
プラットフォーム統合: Slack, Gmail, Google Calendar, Google Docs, GitHub などとの連携

ユースケース

Webサイトの自動操作（フォーム入力、データ収集など）
定期的なタスクの自動化
複雑なワークフローの実行

chrome-devtools-mcp

概要

Model Context Protocol (MCP) サーバーとして動作し、Chrome DevTools Protocol を使用してブラウザを制御・検査する。

Claude Code CLI <---> MCP Server <---> Chrome DevTools Protocol <---> Chrome (port 9222)

特徴

無料で利用可能: プラン制限なし
リモートデバッグ: --remote-debugging-port=9222 で起動したChromeに接続
開発者向け機能:
- パフォーマンス分析（LCP、トレース記録、Lighthouse監査）
- ネットワーク検査（リクエスト/レスポンス分析、CORS調査）
- コンソールログ確認
- DOM検査・スナップショット
- スクリーンショット撮影
- ユーザー操作シミュレーション（クリック、入力、ドラッグ）
- CPU/ネットワークスロットリング

セットアップ

# MCPサーバーを追加
claude mcp add chrome-devtools -- npx @anthropic-ai/chrome-devtools-mcp@latest

# Chromeをリモートデバッグモードで起動（Windows）
start "" "C:\Program Files\Google\Chrome\Application\chrome.exe" ^
  --remote-debugging-port=9222 ^
  --user-data-dir="%TEMP%\chrome-profile-stable"