Debug web apps with browser use in Codex

OpenAI · Beginner ·💻 AI-Assisted Coding ·2w ago
Codex can now use the Chrome DevTools Protocol (CDP) in Browser Use to inspect console logs, runtime errors, local storage, applied styling, network traffic, and performance profiles while working on web applications. In this demo, Codex investigates a slow chat app by profiling interactions and inspecting network requests, then fixes the issues and supports the changes with clear measurements. To use this functionality, enable Developer mode in the Browser settings of your Codex app and approve CDP access when Codex starts inspecting a website. Learn more here: https://developers.openai.com/codex/app/browser#developer-mode Chapters: 00:00 CDP support in Browser Use 00:23 Enable Developer Mode and approve access 00:37 Debugging a slow chat app 00:56 Profiling real bottlenecks 01:15 More in-depth browser capabilities
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related AI Lessons

Chapters (5)

CDP support in Browser Use
0:23 Enable Developer Mode and approve access
0:37 Debugging a slow chat app
0:56 Profiling real bottlenecks
1:15 More in-depth browser capabilities
Up next
Claude Posts to Social Media For You (Claude + Blotato Tutorial)
Sabrina Ramonov 🍄
Watch →