Claude Code のブラウザ自動化を全部試した — 最終結論

• URL: https://zenn.dev/davidai311/articles/browser-tools-evolution-verdict
• 日付: 2026-06-22
• Tier: Tier 3
• 要旨: Claude Code はターミナル中心で Web が見えないため、ブラウザ自動化ツール6つを2026年2月～3月かけて実践比較：Chrome DevTools MCP（デバッグフラグ起動・10,000+ トークン）→ Claude in Chrome 拡張（Cookie 実ブラウザ共有・ベータ切断）→ WebFetch（SNS ゴミ返し）→ agent-browser（3,000～5,000 トークン・セッション間 Cookie なし）→ PinchTab ゲームチェンジャー（約800トークン・HTTP サーバー常駐）→ browser-use（複雑フォーム自律エージェント最強・トークン多消費）。最終結論は優先チェーン：PinchTab（日常全て）→ browser-use（複雑マルチステップ）→ agent-browser（特殊用途）→ WebFetch（静的ドキュメントのみ）。トークン効率が全て、800 vs 10,000 は12倍差でセッション寿命が全く違う。

詳細

Claude Code は毎日12時間以上使う中で、ターミナル中心の設計で Web が見えない苦行を経験。Chrome DevTools MCP は公式アプローチ（–remote-debugging-port=9222 フラグ・MCP JSON ペイロード 10,000+ トークン・Windows npx 動かない・デバッグ Chrome 起動で Cookie ログインなし・テキスト入力1文字目消える・複数行壊れる・毎回 Chrome 再起動）の落とし穴多数。Claude in Chrome 拡張 v1.0.54 Beta は実ブラウザ Cookie・ログイン情報そのまま・セットアップ拡張のみ・ベータ品質で突然切断・テキスト入力バグ健在・複数行壊れる。WebFetch は静的ドキュメントは問題なく、SNS（Instagram・Twitter）は CSS・JavaScript ゴミ返し・テキスト取れない・動的ページ全滅。agent-browser（Vercel Labs・Rust CLI・Playwright バックエンド）は初の光でコンテキスト 93% 削減（3,000～5,000 トークン）・コンパクトテキスト出力・シェルコマンド操作・Auth Vault 認証保存。Windows 落とし穴は Rust canonicalize() が\?\ UNC パス生成、Node.js クラッシュするため AGENT_BROWSER_HOME 環境変数迂回必要。限界はページ 3,000～5,000 トークン・毎回 Chromium 起動・セッション間 Cookie 引き継ぎなし・SNS テキスト抽出まだ重い。PinchTab ゲームチェンジャーは HTTP サーバー常駐・Chrome アクセシビリティツリー使用・ページあたり約 800 トークン（12 倍軽い）・セットアップ pinchtab &・セッション中ずっと動く・再起動不要。pinchtab text 800・pinchtab snap -i -c 2,000・pinchtab snap –diff 差分・pinchtab snap フル 10,500・pinchtab ss 2,000（Vision）。SNS 読む text 800 トークムで済むのが全て変えた。Twitter 投稿・Instagram プロフィール・デプロイ後ページ検証全部 800 トークン。HTTP API（ポート 9867）も提供でボット・自動化パイプライン組み込み。browser-use（Python フレームワーク・GitHub 80,000+ スター）は PinchTab で面倒な複雑フォーム入力を自律エージェント化。求人応募フォーム 10+ フィールド・ドロップダウン・ラジオ・テキストエリア・自律エージェント「入力して」で完結。トレードオフは PinchTab より遥かにトークン消費・各ステップで LLM 呼出・ページあたりトークン多い。複雑マルチステップなら 20 分手動 vs 3 分自律で時間節約。全ツール比較表で Chrome DevTools MCP・Claude in Chrome は 10,000+・agent-browser 3,000～5,000・PinchTab 約 800・browser-use 10,000+。セットアップ・Windows・認証・安定性・速度・SNS・フォーム・自律エージェント・常駐・コスト各軸。乗り物例：PinchTab は自転車（速い・燃費最高・日常）、browser-use は車（遠く・荷物・燃費悪い）、agent-browser はバイク（予備・特殊）、WebFetch は徒歩（遅い・重い無理・最後の手段）。6 つ全試してよかった、完璧なツールは存在せず組み合わせが答え。