第三方api claude控制chrome浏览器, 减少傻瓜操作

背景

网站上的大量重复性操作, 可以直接通过ai的方式让ai来帮忙干活, 提高效率

方案

目前主流方案有两种, 一种是Claude in Chrome（官方方案）, 因为需要官方订阅, 所以舍弃。第二种是Chrome DevTools MCP，这是由Google 官方维护的 MCP Server，并且不需要官方订阅，采用

前提

  • 电脑上已安装claude code
  • claude code以接入第三方API比如deep seek
  • 电脑上以安装chrome浏览器

1.安装 Chrome DevTools MCP

1
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

安装完成后输入 claude mcp list 应该能看到：chrome-devtools

img

2.启动chrome

方案1(推荐)

直接让 MCP 自己启动 Chrome。安装完成后通常不需要额外配置：

1
claude

然后：

1
打开百度

Claude Code 会自动调用 MCP。

方案2

连接你的已有Chrome, 这种好处就是可以直接获取到登录信息, 不用重复登录

先关闭所有Chrome, 然后在chrome安装目录启动chrome

1
chrome.exe --remote-debugging-port=9222

这样Chrome DevTools MCP 可以连接到这个调试端口。

使用

Claude + Chrome = 能代替你在真实网页里完成“点、看、填、查、下载、调试”的工作流

很多大量重复性的操作可以通过对话的方式让ai来执行, 提高操作效率