MCP server · Developer tools

Chrome Dev MCP server

Lets your AI peek inside a live Chrome tab to find bugs, read errors, and check what the page is really doing.

Developer tools Coding For it and development Developer Tools

This is a helper that connects your AI assistant to a Chrome tab you already have open, so it can look inside the page and help you figure out why something is broken. It is made for people building websites, but you do not need to be a programmer to understand what it does. If you have ever stared at a web page wondering why a button does nothing, this is the kind of tool that helps your AI find out.

What is an MCP server? The 30-second version

On its own, your AI can only chat with you. An MCP server is a small helper program that gives your AI a new skill or a connection to an app or service. This one connects your AI to a Chrome tab that is already running on your computer, so the AI can look at the page, read its errors, and watch what happens when you click things. You stay in charge: the AI only looks and reports back when you ask.

What this MCP server does

You open Chrome with a special debugging switch turned on, then open the page you want to check. You tell your AI what is going wrong, and it uses this helper to look at that exact tab. The helper reads the page's code, its console messages, its network requests, and can even pause the page mid-run to inspect values. Then your AI explains what it found and, if you want, suggests or makes a fix.

What you can do with it

See the errors and warnings printed in the browser console
Read the HTML and CSS of a page to check layout and styling
Take a screenshot of the visible part of the page
Pause the page at a chosen line and inspect variable values
Step through code line by line to follow what happens
List the network requests the page made and their status codes
Switch the connection to a different open tab

Try asking your AI

“Why is my login button not doing anything when I click it?”
“Show me the console errors on this page.”
“What network request failed with a 404?”
“Take a screenshot of the top of this page so I can see the layout.”

What it gives back to you

You get back plain answers in the chat: lists of console messages, network requests with their status and size, the page's HTML or CSS values, screenshots as images, and call stacks when the page is paused. When your AI pauses the code, it can show you the values of variables at that exact moment. Everything appears as text or images right in your conversation.

Before you start

What you need

Google Chrome installed on your computer
Node.js version 22 or newer
Chrome started with remote debugging turned on (the README shows the exact command)
The Claude Code app or another AI tool that supports MCP servers

Good to know

It can pause and control the Chrome tab it is attached to, so keep it pointed at a test page rather than anything important, and do not run it alongside chrome-devtools-mcp since they clash.

Install it with your AI

Add Chrome Dev MCP server to your AI, no technical skills needed

You don't install anything by hand. You copy one prompt, paste it into an AI that can work on your computer, and it checks, installs and connects the server for you, asking you when it needs something.

Sign in to get the install prompt

Members get a ready-made prompt that lets the Claude desktop app check Chrome Dev MCP server, install it and connect it for them, step by step. You don't need any technical skills: you copy, paste and answer a few questions. Your connected AI can also find and install any of the 4,361 MCP servers here for you.