shining

shining

配色方案

第三方 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

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latestbash

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

img

2.启动 chrome

方案 1(推荐)

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

claudebash

然后：

打开百度bash

Claude Code 会自动调用 MCP。

方案 2

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

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

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

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

使用

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

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

Esc