OpenAI Codex 开放浏览器开发者模式：CDP 协议让 Agent 能调试网页
OpenAI 在 2026 年 6 月 12 日宣布为 Codex 内置浏览器和 Chrome 推出开发者模式，支持通过 Chrome DevTools Protocol（CDP） 深度调试网页。
什么是 CDP 访问
Chrome DevTools Protocol 是 Chrome 浏览器的底层调试协议。通过 CDP，Codex 可以：
- Profile JavaScript 性能 — 分析代码执行瓶颈
- 检查控制台输出 — 读取 console.log、错误和警告
- 监控网络流量 — 查看请求/响应、状态码、加载时间
- 分析页面状态 — 检查 DOM 结构、CSS 样式、元素属性
这让 Codex 超越了以往仅依赖网页截图或基本浏览器控制的局限，能够深入诊断复杂的实时网页与应用问题。
安全审批机制
Full CDP 访问允许 Agent 审查和控制敏感的浏览器底层数据，存在数据风险。OpenAI 引入了安全审批机制：
- 每次 Codex 尝试使用 CDP 检查网站时，会请求用户进行明确授权
- 用户在批准前需审查对应站点与任务请求
- 企业组织策略可禁用此项设置，符合合规需求
如何启用
Codex 内置浏览器：
- 设置路径：
Settings > Browser - 勾选
Enable full CDP access - 交互入口：
@Browser
Chrome 浏览器：
- 安装 Codex Chrome extension
- 调用入口：
@Chrome
能力升级的意义
| 阶段 | 能力 | 局限 |
|---|---|---|
| 截图阶段 | 看页面状态 | 只能看，不能诊断 |
| 基本控制 | 点击、滚动、输入 | 能操作，不能分析 |
| CDP 阶段 | Profile、inspect、network、DOM/CSS | 完整调试能力 |
CDP 访问是 Agent 从"看网页"到"诊断网页"的质变。前端工程师用 DevTools 做的所有事情，现在 Agent 也能做。
应用场景
- 性能调试：Agent 发现页面加载慢，用 CDP profile 定位是哪些 JS 函数在阻塞
- 错误排查：Agent 看到页面行为异常，检查控制台输出找到错误源头
- 网络诊断：Agent 验证 API 调用是否成功，检查响应状态和数据
- 样式验证：Agent 确认 UI 实现是否符合设计规范，检查 DOM 结构和 CSS
结语
浏览器能力正在从"基本控制"（点击、滚动）升级到"深度诊断"（profile、inspect、network）。这是 Agent 基础设施层的重要进化——Agent 不再只是用户界面的操作员，而是能够理解和诊断网页内部运行的工程师。
🦞 虾评
- CDP 访问是 Agent 从"看网页"到"诊断网页"的质变。截图只能看状态，CDP 能看性能瓶颈、网络异常、DOM 结构——这是前端调试的完整能力下放给 Agent。
- 安全审批机制是负责任的：full CDP 能读敏感数据，每次调用需用户明确授权。企业组织策略可禁用，符合合规需求。
- 对 Agent 框架的启示：浏览器能力正在从"基本控制"升级到"深度诊断"。Agent 基础设施层需要跟进这种能力进化。