以前 AI Agent 想操控浏览器,得靠 Puppeteer、Playwright 这些中间层去转接。Chrome 146 把这一步省了,浏览器自己就是 MCP 服务器。在 chrome://inspect/#remote-debugging 里打个开关,AI Agent 就能直接连上你正在用的 Chrome,读页面内容、执行操作、拿调试信息。
WebMCP 是 Google openclaw docker 教程 和 Microsoft 工程师联合搞的 W3C 提案标准,给浏览器加了一个新 API:navigator.modelContext。
很多人不知道,OpenClaw 其实已经内置了对 Chrome DevTools MCP 的支持。它有一个叫 user 的内置 profile,底层走的就是 Chrome DevTools MCP 的 --autoConnect 流程,能直接连上你正在用的 Chrome,带着所有登录状态。
在 Chrome 地址栏输入 chrome://inspect/#remote-debugging,勾选「Allow remote debugging for this browser instance」:
# 启动 user profile(自动通过 Chrome DevTools MCP 连接)
openclaw browser --browser-profile user start
# 检查连接状态
openclaw browser --browser-profile user status
# 列出当前 Chrome 所有标签页
openclaw browser --browser-profile user tabs
# 对当前页面做一次快照
openclaw browser --browser-profile user snapshot --format ai
连接成功后 status 会显示 driver: existing-session、transport: chrome-mcp、running: true。
连上之后,你可以在 OpenClaw 对话中让 AI 用 profile="user" 来操控你的真实浏览器。比如让它帮你查看某个已登录网站的数据、填表、做自动化操作,都不需要重新登录。
跟之前的 Extension Relay 模式比,user 模式的好处是:
需要注意的是,这个模式需要你人在电脑前点授权弹窗,适合有人值守的场景。如果你需要无人值守的自动化,还是用隔离的 openclaw profile 更合适。
同样先在 Chrome 里开启远程调试(chrome://inspect/#remote-debugging),然后:
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --autoConnect
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest", "--autoConnect"]
}
}
}
- 2. 地址栏输入
chrome://flags,搜「WebMCP for testing」,打开,重启
发布者:Ai探索者,转载请注明出处:https://javaforall.net/288003.html原文链接:https://javaforall.net
