Debug web apps with browser use in Codex
摘要
Codex 的 Browser Use 功能新增了 Chrome DevTools Protocol 支持,使开发者能够通过检查网络流量、性能分析和控制台日志等高级功能来深入调试 Web 应用。
暂无内容
查看缓存全文
缓存时间: 2026/06/12 13:37
TL;DR: Codex 的 Browser Use 新增 Chrome DevTools Protocol 支持,让开发者能通过检查网络流量、性能分析等深入调试 Web 应用。
## 新增 CDP 支持,调试能力升级
Codex 现在能更好地调试和测试你正在构建的 Web 应用了。我们在 Codex 的 Browser Use 功能中新增了对 Chrome DevTools Protocol(CDP)的支持。这样一来,Codex 就能访问更多高级功能,比如性能分析、网络流量检查,以及查看控制台日志、运行时错误、本地存储和应用样式等。
## 启用开发者模式
要使用这一功能,你需要在 Codex 应用的浏览器设置中启用开发者模式。由于该模式让 Codex 能更深入地了解其操控的应用,当 Codex 开始使用 CDP 检查网站时,你需要明确批准。
## 实际案例:调试聊天应用性能
我最近在开发一个小聊天应用,发现它明显变慢了,尤其是当对话列表变长时。加载需要一段时间,而且打字整体上也存在明显延迟。我可以让 Codex 通过 Browser Use 来调试这个问题。这样它就不只是过一遍代码,而是真正检查网络流量并分析应用性能。
通过分析应用中的特定交互或查看网络请求,它能在着手修复之前更好地理解你的应用及真正的瓶颈所在。你可以看到它发现并修复了几个问题,同时用清晰的测量数据展示了改进效果。
这只是 Codex 在构建应用时利用 CDP 实现更深层 Browser Use 能力的一个例子。试试看吧,告诉我们你的想法。
---
Source: [Debug web apps with browser use in Codex - OpenAI](https://www.youtube.com/watch?v=bhgYFRZLyKI)
相似文章
OpenAI 在 Codex 上发布了浏览器使用的 CDP 支持(2 分钟阅读)
OpenAI 在 Codex 中增加了对 Chrome DevTools 协议的支持,使其 AI 编程代理能够检查和修改实时网站。该功能为可选启用、早期阶段,目前仅在欧洲经济区、英国和瑞士以外的地区可用。
@QingQ77: 通过轻量级 Rust CLI 直接连接已有 Chrome 浏览器的 DevTools Protocol,替代 MCP server 的重量级上下文开销,实现浏览器自动化操作。 https://github.com/aeroxy/chrom…
这是一个用 Rust 编写的轻量级 CLI 工具,可直接通过 DevTools Protocol 连接本地 Chrome 浏览器进行自动化操作,旨在替代 MCP server 以减少上下文开销。
@shao__meng: Chrome DevTools for Agents 1.0 正式发布 https://developer.chrome.com/blog/devtools-for-agents-v1… 它在真实浏览器中观察行为、检查输出,让 Agent…
Chrome DevTools for Agents 1.0 正式发布,为AI编码Agent提供实时浏览器调试能力,支持MCP服务器、CLI和Agent技能三种接入方式,包含Lighthouse审计、模拟、扩展调试等七大能力。
@OpenAI:Chrome 扩展扩大了 Codex 在编码和工作方面的能力。从调试浏览器流程到检查仪表盘……
OpenAI 发布了 Codex 的新 Chrome 扩展,使人工智能能够直接在浏览器环境中处理基于浏览器的任务,例如调试流程、检查仪表盘、进行研究以及更新 CRM。
@gdb:Codex现在可以在后台操控Chrome标签页:
Codex已更新,允许在后台操控Chrome标签页,从而实现无需用户主动监督的自动化网页任务。