Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster.
Get started Release notes

Debug with AI

Explore how AI innovations in DevTools let you do more, faster. Use the Chrome DevTools MCP to connect the power of DevTools to your favorite coding agents.
Let Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels.
Explore AI innovations
Give your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow.

Connect the Chrome DevTools MCP (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more.

Learn more on GitHub