Chrome DevTools MCP vs Playwright MCP - どちらを選ぶべき？実測で比較

訂正とお詫び（2025/11/09追記） 記事公開後、Playwright MCPコントリビューターのogadra様より、技術的な誤りをご指摘いただきました。深くお詫び申し上げます。 誤った記述 「Playwright MCPはAIがセレクターを自動生成する」 正しい動作 Playwright MCPもChrome DevTools MCPと同様に、スナップショットに含まれる識別子（ref）を使用して要素を特定します。 LLMはセレクターを生成していません mcp__playwright__browser_fill_formなどの関数呼び出し時、引数としてref（Chrome DevTools MCPのuidに相当）が渡されます 両MCPの要素識別方法に本質的な違いはありません 実際の違い 主な違いは以下の2点です： 操作の実行方法 Chrome DevTools MCP: CDP（Chr

[shingo-sasaki-0529]

DevTools MCP はパフォーマンス分析やデバッグ用途に、ブラウザ自動操作全般は Playwright MCP と考えて良さそう。アクセシビリティがまともじゃないページの場合は Playwright だと厳しいかもしれないけど。

[misshiki]

用途別おすすめ：デバッグ・性能分析はChrome DevTools MCP、フォーム操作・探索テストはPlaywright MCP、CI/CD自動化は従来のPlaywrightやSeleniumが適すると。コンセプト通りでは...？

[knaka20blue]

“Claude Codeでブラウザテストするとき、Chrome DevTools MCPとPlaywright MCPのどちらを使うべきか迷っていませんか？ この記事では、同じBlazorアプリで両方を実際に使い、選び方の基準を示します。”

[T-norf]

結論からバシッとくる良記事な印象だけど、ここらへんは人任せなので評価は自分ではできない