Develop Chrome Extensions with DevTools for agents @ChromeDevs
Develop Chrome Extensions with DevTools for agents  @ChromeDevs
Uploaded August 2026 | Updated September 2026, 2 weeks ago
Setting up extension tools for Chrome DevTools for agents allows your coding agent to interact with and debug Chrome Extensions. With the tools enabled, your agent can install an extension from disk, open popups, and click specific elements to verify functionality. Watch the demo to see it in action and understand how the Chrome DevTools Protocol, Puppeteer and the W3C WebExtensions Working Group play into it.

Chapters:
00:00 - Introduction to Chrome DevTools for agents
00:29 - How to configure the extensions flag
01:10 - Demo of an agent installing an extension
01:32 - Understanding the required tools and commands
01:55 - Examples of related developer content
02:30 - How the Chrome DevTools Protocol powers agents
03:02 - Benefits for Puppeteer and web standards

Resources:
DevTools for agents: Setup →https://goo.gle/dta-setup


Questions? Find us on LinkedIn:
linkedin.com/in/oliverdunk
https://goo.gle/chrome-for-developers

Watch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#ChromeForDevelopers #Chrome #WebMCP

Speaker: Oliver Dunk
Products Mentioned: Chrome, Chrome DevTools,
Develop Chrome Extensions with DevTools for agentsUnlocking productivity with WebMCPScale your web expertise with Chrome DevTools for agents #GoogleIOLiteRT.js, Google’s high performance WebAI runtimeCSS font-size-adjustBreak boundaries with Gemini in Chrome DevToolsBeyond the demo: Building the WebAI PlaybookBuild your website for the agentic eraWebAssembly Backend for Scala.js with Sébastien DoeraeneBest one stays: Chrome I/O updatesGo faster and reach further with Chrome ExtensionsWhat is the Chrome DevTools MCP server
Chrome for Developers |

Develop Chrome Extensions with DevTools for agents

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER