Debug web apps with browser use in Codex

OpenAI · Beginner ·💻 AI-Assisted Coding ·1mo ago

Key Takeaways

Debugging web apps with Codex using the Chrome DevTools Protocol

Original Description

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 Reads

📰
Introducing Carrick
Learn about Carrick, a context layer for polyrepo TypeScript teams that enables AI coding agents to search and validate code across services
Dev.to AI
 📰
Why I Switched from Ponytail to Guardsman for AI Coding
Learn how Guardsman improves AI coding by teaching agents to write accountable code, a crucial step beyond just writing less code
Dev.to · Antoinette C. Lennox
 📰
How to Learn With AI Without Letting It Do the Thinking for You
Learn to leverage AI as a tool without losing critical thinking skills by setting boundaries and using it to augment your learning process
Medium · AI
 📰
How to Learn With AI Without Letting It Do the Thinking for You
Learn to leverage AI as a tool without relying on it for thinking, using Rust as an example
Medium · Programming

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
Microsoft 365 Copilot ULTIMATE Guide: Excel, Word, Outlook & More!
Maksims Sics
Watch →