乐于分享
好东西不私藏
夜雨聆风 > > 办公文件 > Chrome 正式支持MCP-OpenClaw可以直接操控你的浏览器

Chrome 正式支持MCP-OpenClaw可以直接操控你的浏览器

当前时间： 1970-01-01 08:00:00 分类：办公文件 评论(0)
Chrome 正式支持MCP-OpenClaw可以直接操控你的浏览器

「Google 官方推出 MCP 服务器，支持 AI 直接连接已登录的浏览器会话」

2025年 9 月，Google Chrome 团队发布了 「Chrome DevTools MCP」（Model Context Protocol），为浏览器自动化提供了新的技术路径。

这项功能的核心价值在于：AI 助手可以直接连接到用户「已登录的 Chrome 浏览器」，而非传统的无痕模式或独立实例。这意味着 Cookie、登录状态和用户数据均可保留，为自动化任务提供了更贴近真实使用场景的环境。

Chrome DevTools MCP 是什么 🤔

MCP 是 Anthropic 推出的开放协议，旨在让 AI 助手能够连接各类工具和数据源。「Chrome DevTools MCP」 是 Google 官方基于该协议开发的浏览器 MCP 服务器。

通过该服务器，AI 助手可以获得以下能力：

✅ 「浏览网页」并获取页面内容✅ 「模拟点击」、填写表单等用户操作✅ 「读取控制台」的日志和错误信息✅ 「检查网络请求」的详细信息✅ 「截取页面」截图和 DOM 快照✅ 「运行性能追踪」（Performance Trace）

其中，直接连接已登录浏览器是此次更新的重要特性。传统浏览器自动化通常需要启动独立的浏览器实例，而 Chrome DevTools MCP 允许 AI 接入用户当前正在使用的浏览器会话。

主要应用场景 💡

前端开发与调试 🎨

在前端开发中，开发者经常需要在代码修改和浏览器预览之间反复切换。Chrome DevTools MCP 使得 AI 助手能够「直接查看页面渲染效果」，辅助定位样式或功能问题。

根据腾讯云开发者社区的反馈，该工具让前端开发"「不再盲目」"，减少了调试过程中的信息不对称。

自动化测试 🧪

传统的自动化测试需要编写和维护大量脚本。借助 Chrome DevTools MCP，测试流程可以通过「自然语言描述」，由 AI 自动执行。

例如，用户只需说明*"测试用户登录流程"*，AI 即可完成打开页面、填写表单、提交验证等步骤，并输出测试结果。

数据采集 📊

对于需要从网页提取数据的场景，Chrome DevTools MCP 提供了更直接的方式。AI 可以：

• 访问目标网站• 解析页面结构• 提取所需信息• 支持 JavaScript 动态渲染的内容

OpenClaw 现已支持 🚀

OpenClaw 在 v2026.3.13 版本中新增了对 Chrome DevTools MCP attach mode 的支持。配置方式较为简洁：

ounter(linenpx chrome-devtools-mcp@latest --autoConnect

该模式的优势在于：

特性
说明
无需安装扩展
直接通过命令行启动
无需重复登录
保留现有浏览器登录状态
保留用户数据
Cookie、LocalStorage 等
多标签页支持
可同时操作多个页面

对于已使用 OpenClaw 的用户，这提供了一种「更便捷的浏览器自动化方案」。

社区反馈 💬

Chrome DevTools MCP 发布后，在技术社区引发了一定讨论：

❝

"节省了很多时间"—— Reddit 用户

❞
❝

"第一好用的浏览器 MCP"—— YouTube 技术博主

❞
❝

"Token 消耗降低，错误率可控"—— B站实测反馈

❞

当然，也有用户指出需要注意使用成本——"节省了很多时间，但烧掉更多 tokens"。这提醒使用者「根据实际需求合理配置」。

快速配置指南 ⚡

第一步：启用 Chrome 远程调试

在 Chrome 地址栏输入 chrome://inspect/#remote-debugging，启用远程调试功能并允许传入连接。

第二步：配置 MCP 服务器

在 OpenClaw、Claude Code 或其他支持 MCP 的客户端中添加配置：

ounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(lineounter(line{  "mcpServers": {    "chrome-devtools": {      "command": "npx",      "args": [        "chrome-devtools-mcp@latest",        "--autoConnect"      ]    }  }}

第三步：开始使用

配置完成后，即可通过自然语言指令让 AI 执行浏览器相关任务。

典型使用示例 📚

「设计稿转代码」 🎨提供 Figma 链接，AI 查看设计稿后生成对应的 HTML/CSS，并在浏览器中预览效果。

「表单自动填写」 📝说明需要申请的产品或资格，AI 自动完成信息填写和表单提交。

「内容批量处理」 📄指定目标网站和内容范围，AI 抓取文章、提取信息、生成摘要。

技术实现原理 🔍

Chrome DevTools MCP 基于 「Chrome DevTools Protocol（CDP）」 构建，这是 Chrome 浏览器内置的调试协议。通过远程调试端口，MCP 服务器可以与浏览器建立通信，实现页面控制和数据获取。

在「安全性」方面，Chrome M144 及以上版本要求：

• 用户「明确授权」每次远程调试会话• 调试期间显示提示横幅• 防止未授权访问

未来发展方向 🔮

根据 Chrome 团队的官方博客，未来计划向 Chrome DevTools MCP 开放更多面板数据：

面板
功能
「Security」
安全审计功能
「Lighthouse」
性能与 SEO 分析
「Memory」
内存分析
「Application」
PWA 调试

这将进一步扩展 AI 助手在浏览器自动化领域的能力边界。

总结 📝

Chrome DevTools MCP 的发布，为浏览器自动化提供了一种「新的技术方案」。相比传统方式，它在保留用户会话状态、简化配置流程、降低使用门槛等方面具有一定优势。

对于前端开发者、测试工程师、数据分析师等需要频繁与浏览器交互的群体，该工具「值得关注和尝试」。

本文仅供技术交流，不构成任何投资建议。

关注公众号，获取更多AI实战干货和效率提升技巧！

📌 快速导航