Chrome MCP 工具选型与使用实践

工具

• chrome-devtools-mcp
  • Chrome官方出品
• puppeter
  • 需要跟cloudflare周旋，放弃

现在选择了chrome-devtools-mcp，它能满足我使用puppeter的最大问题： 与各种cf、google验证器周旋. 如果之后有问题，也可以看看下面的工具:

• mcp-chrome
  • 第三方，操作原有的Chrome实例
• open-chatgpt-atlas
• stagehand
• playwright
• cypress

chrome-devtools-mcp

使用连接到正在运行的 Chrome 实例这种方式，否则会经常碰到机器人登陆检测，例如Google登陆和cloudflare验证.

使用方式可以参考官方github readme：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable

登录状态等存储在--user-data-dir中，使用新目录而不是Chrome默认目录. 在启动调试chrome实例之前，先启动原有的Chrome实例，这样调试实例不会影响正常使用Chrome。

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--browser-url=http://127.0.0.1:9222"
      ]
    }
  }
}