Chrome DevTools
Google's server exposing DevTools to an agent: console logs, network requests, and performance traces from a live page.
What it does
Connects an agent to Chrome DevTools. It can read console errors, inspect network requests and responses, record performance traces, and evaluate expressions against a live page.
Maintained by the Chrome DevTools team.
Setup
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
What to watch out for
This overlaps with Playwright but aims at a different job. Playwright is for driving a browser through a flow. Chrome DevTools is for asking why the page is broken or slow once you are there.
The practical win is closing the debugging loop: the agent changes code, reloads, reads the actual console error, and fixes it, instead of you copying stack traces back and forth.
It attaches to a real Chrome instance, so be deliberate about which profile and which tabs are open.
