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)
相似文章
@gkxspace: 现在打开 Codex,我都有点分不清是在写代码,还是在用电脑了。。。 看教程:右边直接开 YouTube 改网页:在预览里圈一下,它自己去找代码 操作Chrome:让它操作所有已登录网站,直接用内置浏览器登录态(一键导入本地所有 cook…
一条推文描述了使用Codex的体验,指出其能直接在编辑器中操作网页、浏览器和办公文件,让用户感觉不是在写代码而是在用电脑。
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 以减少上下文开销。
@Aoyi21: 做前端最烦的一段,常常不是写代码,是 Agent 改完以后你还得自己去浏览器复查。 chrome-devtools-mcp 把这段补上了,coding agent 可以直接连 Chrome DevTools,看页面、抓日志、查网络请求。 …
chrome-devtools-mcp 是一个 MCP 服务器,允许 coding agent 直接连接 Chrome DevTools,实现页面检查、日志抓取和网络请求分析,减少开发者手动复查的来回沟通。
@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审计、模拟、扩展调试等七大能力。