工具分享之chrome-mcp(devtools)

Chrome 146 隐藏的黑科技：让 Claude Code 直接操控你的浏览器

前言

Chrome 146 悄悄上线了一个革命性功能，可能会彻底改变我们使用 AI 自动化工具的方式。如果你正在使用 Claude Code 进行开发，这个功能绝对不容错过！

还有上一篇文章的操作截图

我今天实测了一个狠工具：AI 直接接管我的 Chrome，还能自动发小红书

先看操作截图

发现这个功能的契机

最近在社交媒体上看到一位开发者分享了一个让人眼前一亮的技巧：通过 Chrome 的远程调试功能，配合 Claude Code 的 MCP（Model Context Protocol）协议，可以让 AI 直接接管你正在使用的浏览器。

是的，你没有看错——不是打开一个新的无头浏览器，不是模拟点击，而是直接操控你正在登录的那个浏览器。

这个功能有多强大？

想象一下这些场景：

传统方式的痛点

以前让 AI 自动化某个网站时，你需要：

研究网站的 API 接口

处理复杂的登录认证

手动处理 cookie 和 session

编写大量自动化脚本

现在的解决方案

现在只需要：

在浏览器里登录一次网站

让 Claude Code 接管

AI 就能以你的身份直接操作

所有的 cookie、session、后台权限全都保留，Claude 可以像你一样操作浏览器。

如何配置这个功能？

第一步：升级 Chrome

确保你的 Chrome 浏览器升级到最新版本（146 或更高）。

第二步：启用远程调试

在地址栏输入：

chrome://inspect/#remote-debugging

打开远程调试开关。

第三步：配置 Claude Code

在终端执行以下命令，为 Claude Code 添加 MCP 配置：

claude mcp add chrome-devtools — npx chrome-devtools-mcp@latest –autoConnect

如果是codex 命令改为

codex mcp add chrome-devtools — npx chrome-devtools-mcp@latest –autoConnect

第四步：重启 Session

重启 Claude Code 会话，此时 Claude 就可以直接接管你当前的 Chrome 浏览器了。

实际应用场景

1. 网站自动化测试

无需编写复杂的 Selenium 脚本，直接告诉 Claude：”帮我测试一下这个表单的提交流程”，它就能自动完成。

2. 数据抓取

登录需要认证的网站后，让 Claude 帮你批量提取数据，完全不用担心 session 过期或反爬虫机制。

3. 重复性操作

需要在后台系统里批量操作？直接让 Claude 代劳，你可以去喝杯咖啡。

4. 跨平台集成

结合 Claude Code 的其他能力，可以实现浏览器数据与本地开发环境的无缝集成。

安全性考虑

当然，这么强大的功能也需要谨慎使用：

⚠️注意事项：

只在可信环境下使用远程调试功能

不要在公共网络环境下开启

使用完毕后记得关闭远程调试

敏感操作建议人工复核

技术原理简析

这个功能的核心是利用了 Chrome DevTools Protocol（CDP）：

CDP 是 Chrome 提供的一套完整的浏览器控制 API

MCP 充当了 Claude Code 与 Chrome 之间的桥梁

通过这个协议，AI 可以像开发者工具一样访问和控制浏览器

未来展望

这个功能的出现，标志着 AI 与浏览器的深度集成进入了新阶段。可以预见：

更智能的浏览器自动化

：AI 可以理解页面语义，而不仅仅是 DOM 结构

更低的自动化门槛

：不需要编写复杂代码，自然语言即可实现自动化

更好的用户体验

：保持登录状态，无需重复认证

结语

Chrome 146 的这个”隐藏功能”配合 Claude Code，真正实现了”AI 助手”的概念。它不再是一个需要你手把手教的工具，而是可以直接以你的身份、在你的环境中工作的智能助手。

如果你是开发者，强烈建议试试这个功能。相信它会给你的工作流程带来意想不到的提升。

你试过这个功能吗？欢迎在评论区分享你的使用体验！