Claude调用chrome-devtools操作浏览器

前言 当我们无法直接使用网页接口时,RPA成了合适的选择,之前只能通过 selenium 写脚本的方式才能完成操作浏览器,最近慢慢了解了 Claude Code 工具及 chrome...

前言

当我们无法直接使用网页接口时,RPA成了合适的选择,之前只能通过 selenium 写脚本的方式才能完成操作浏览器,最近慢慢了解了 Claude Code 工具及 chrome-devtools 工具无需写脚本直接通过自然语言操作浏览器。

Claude Code

可以通过下面命令安装 Claude Code,默认你已经安装了 node。如果你正在使用 v20.19 以下版本的node,强烈建议你使用nvm管理多版本的node,以现在的AI相关工具链、技术栈都比较新,需要较高的工具版本。

npm install -g @anthropic-ai/claude-code

在国内可以安装一下 cc-switch,可以帮助我们将高价格的claude 模型切换为相对价格低廉的国产模型,例如GLM-4.6、KAT-Pro等 image.png

chrome-devtools

可以通过以下命令在Claude Code中安装 chrome-devtools MCP工具。如果你正在使用 Codex 等其他工具可以参考:chrome-devtools

claude mcp add chrome-devtools npx chrome-devtools-mcp@latest

注意:默认安装的mcp仅在当前目录下生效,如果想要全局生效可以参考下面 👇

claude mcp add chrome-devtools -s user -- npx chrome-devtools-mcp@latest

使用

配置完成以上内容,你将可以直接在Claude Code 中通过自然语言控制浏览器。感觉可以通过这种工具方便解决一些比如人资筛选简历之类的操作。

image.png