ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

OpenClaw 浏览器控制方法全览:从 CDP 到 MCP 的 TaoToken 配置骨架

OpenClaw 浏览器控制方法全览:从 CDP 到 MCP 的 TaoToken 配置骨架 1. OpenClaw 浏览器控制到底在解决什么问题OpenClaw 里的浏览器控制说白了就是让 AI Agent 能像人一样去点页面、填表单、抓数据、跑自动化流程。它不是一个单一功能而是一整套控制体系核心分成三条技术路径Remote CDP、Managed Browser、以及通过 Chrome DevTools MCP 接管已有会话。这三条路都能让 OpenClaw 操作浏览器但适用场景、启动方式、控制粒度完全不同。很多人第一次配 OpenClaw 的 browser 模块时会懵配置文件里既有cdpUrl又有cdpPort还有driver: existing-session到底该填哪个选错了要么连不上要么每次都要手动确认 attach要么登录态全丢。这篇就把三条路径拆开讲清楚同时给出 TaoToken 统一 Key/API 通道在 OpenClaw 侧的config.toml与settings.json可复制配置骨架最后附一次浏览器控制连通性验证动作让你快速判断自己该走哪条路。适合谁看正在用 OpenClaw 做自动化测试、爬虫、AI Agent 浏览器操作的开发者已经装了 OpenClaw 但 browser 模块一直报错的想搞清楚 CDP 和 MCP 到底差在哪的。读完你能直接复制配置、跑通验证、按场景选路径。2. TaoToken 前置统一 Key 与 API 通道准备在配 OpenClaw 的 browser 之前先把模型通道打通。OpenClaw 的 Agent 决策、页面理解、DOM 分析都要调模型如果 Key 没配好浏览器控制跑起来也会在推理环节卡住。TaoToken 在这里的作用是提供一个统一的 API 入口把模型调用和浏览器控制解耦开——你换模型不用动 browser 配置换 browser 路径也不用动 Key。先去控制台拿 Key控制台入口https://taotoken.net/console?utm_sourcetaotoken_aicg_blog_endutm_contentconsoleutm_campaignrewriteAPI Keys 管理https://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite拿到 Key 之后OpenClaw 侧的模型通道配置写在config.toml里。API 基础地址用https://taotoken.net/api不要加 UTM 参数这是给程序调用的# ~/.openclaw/config.toml [model] provider openai-compatible base_url https://taotoken.net/api api_key sk-你的TaoTokenKey model claude-sonnet-4-20250514 timeout 120 max_retries 3如果你用的是 Claude Code 或 Anthropic 风格的调用走这个入口ClaudeCodeAnthropic 接入https://taotoken.net/doc?utm_sourcetaotoken_aicg_blog_endutm_contentdocutm_campaignrewrite注意base_url结尾不要带斜杠OpenClaw 内部会自己拼/v1/chat/completions多一个斜杠会 404。模型通道配好后先跑一次模型对话验证 Key 是通的模型对话验证https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentmodel-chatutm_campaignrewrite这一步过了再往下配 browser否则浏览器控制报错你分不清是 Key 问题还是 CDP 问题。3. 三条浏览器控制路径的可复制配置3.1 Remote CDP直连已有浏览器调试端口Remote CDP 是最底层、控制粒度最细的一条路。OpenClaw 直接通过 CDP WebSocket 连到 Chrome 的调试端口能操作 tab、DOM、网络、执行 JS。适合自动化测试、爬虫、需要最高控制粒度的 Agent 场景。先启动带远程调试的 Chrome。WindowsC:\Program Files\Google\Chrome\Application\chrome.exe --remote-debugging-port9222 --user-data-dirC:\openclaw-profilemacOS/Applications/Google Chrome.app/Contents/MacOS/Google Chrome --remote-debugging-port9223 --user-data-dir$HOME/openclaw-profile启动后验证端口是否活着curl http://localhost:9222/json/version返回 JSON 里有webSocketDebuggerUrl就说明 CDP 端口通了。然后在 OpenClaw 的settings.json里配 profile{ browser: { defaultProfile: remote, profiles: { remote: { cdpUrl: http://localhost:9223, attachOnly: true, color: #0066CC } } } }attachOnly: true表示只 attach 不新建浏览器OpenClaw 不会自己拉起 Chrome。macOS 上端口是 9223Windows 是 9222别填错。3.2 Managed BrowserOpenClaw 托管启动Managed Browser 是 OpenClaw 自己启动并管理一个 Chromium 实例自动建 CDP 连接、自动管 userDataDir。适合本地开发、自动化任务执行、不需要登录态的 Agent、快速测试环境。配置写在~/.openclaw/openclaw.json{ browser: { defaultProfile: openclaw, profiles: { openclaw: { cdpPort: 18800, color: #FF4500 } } } }启动命令openclaw browser --browser-profile openclaw start或者直接开一个页面openclaw browser --browser-profile openclaw open https://example.com这条路的优点是省心不用手动开 Chrome、不用管端口冲突缺点是每次都是全新会话登录态不保留。3.3 MCP Existing-session接管已有浏览器会话MCP Existing-session 是通过 Chrome DevTools MCP server 接管一个已经打开的浏览器实例属于 CDP 的一层工具化封装。适合 AI Agent 工具调用系统、复用真实用户环境、需要登录态的自动化、多 tab 协同操作。配置{ browser: { defaultProfile: user, profiles: { user: { driver: existing-session, attachOnly: true, color: #00AA00 } } } }检查命令openclaw browser --browser-profile user status openclaw browser --browser-profile user tabs跑openclaw browser status会看到类似输出profile: user enabled: true running: true transport: chrome-mcp browser: unknown detectedBrowser: chrome detectedPath: C:\Program Files\Google\Chrome\Application\chrome.exe profileColor: #00AA00transport: chrome-mcp说明走的是 MCP 通道。这条路有限制必须开启 remote debugging、Chromium 版本要较新、必须手动授权 attach、依赖 MCP server。3.4 三条路径对比维度Remote CDPManaged BrowserMCP Existing-session控制协议CDPCDPCDP via MCP是否新建浏览器否是否复用已有浏览器可 attach否是需要 MCP否否是需要用户确认否否是登录态支持部分否是控制粒度最细细细4. 连通性验证一次跑通三条路径配完别急着上业务先做一次连通性验证。我习惯用同一个动作测三条路径打开一个页面、读标题、截图。Remote CDP 验证openclaw browser --browser-profile remote open https://example.com openclaw browser --browser-profile remote statusManaged Browser 验证openclaw browser --browser-profile openclaw open https://example.com openclaw browser --browser-profile openclaw tabsMCP Existing-session 验证openclaw browser --browser-profile user status openclaw browser --browser-profile user tabs三条都返回running: true且能列出 tab说明 browser 模块通了。如果某条报错先看transport字段chrome-mcp说明走 MCPcdp说明走直连字段和你的配置对不上就是 profile 选错了。验证通过后建议再跑一次模型对话确认 Agent 推理链路也通模型对话https://taotoken.net/?utm_sourcetaotoken_aicg_blog_endutm_contentmodel-chatutm_campaignrewrite5. 本篇常见错排查报错一ECONNREFUSED 127.0.0.1:9222CDP 端口没起来。检查 Chrome 是否带--remote-debugging-port启动curl http://localhost:9222/json/version是否有返回。Windows 和 macOS 端口号不同配置里cdpUrl要和启动命令一致。报错二attachOnly is true but no browser foundattachOnly: true时 OpenClaw 不会自己拉浏览器你必须先手动启动 Chrome。要么改成attachOnly: false让 OpenClaw 托管要么先跑启动命令。报错三MCP 路径一直卡在waiting for user confirmationMCP Existing-session 需要手动授权 attach。打开chrome://inspect/#remote-debuggingBrave 用brave://inspect/#remote-debuggingEdge 用edge://inspect/#remote-debugging确认目标实例在列表里点授权。报错四transport: chrome-mcp但browser: unknownMCP server 没正确识别浏览器版本。Chromium 版本要较新旧版本 CDP 接口不兼容。升级浏览器后重启 OpenClaw。报错五模型调用 401Key 没配或过期。回控制台重新生成API Keyshttps://taotoken.net/api-keys?utm_sourcetaotoken_aicg_blog_endutm_contentapi-keysutm_campaignrewrite报错六base_url拼出双斜杠导致 404config.toml里base_url结尾不要带/OpenClaw 内部会拼路径。报错七白名单拦截如果访问内网或特定域名被拦检查ssrfPolicy{ browser: { ssrfPolicy: { dangerouslyAllowPrivateNetwork: true, hostnameAllowlist: [www.google.com] } } }dangerouslyAllowPrivateNetwork慎开只在受控环境用。6. 选哪条路径按场景对号入座要最强控制能力、能接受手动管浏览器选 Remote CDP。要开箱即用、不 care 登录态选 Managed Browser。要 AI Agent 工具化接管真实浏览器、保留登录态选 MCP Existing-session。长期跑编码任务或 Agent 工作流的话建议把模型通道固定到 Coding Plan省得每次调 KeyCoding Planhttps://taotoken.net/coding-plan?utm_sourcetaotoken_aicg_blog_endutm_contentcoding-planutm_campaignrewrite接入文档在这里配config.toml遇到字段不确定就翻接入文档https://taotoken.net/doc?utm_sourcetaotoken_aicg_blog_endutm_contentdocutm_campaignrewrite三条路径不是互斥的你可以在settings.json里同时保留多个 profile按任务切defaultProfile。实测下来日常开发用 Managed Browser 最省事需要登录态的自动化切 MCP压测和爬虫用 Remote CDP。配置骨架直接复制上面的改端口和路径就能跑。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进