Chrome DevTools

MCP server

Official Chrome DevTools MCP server from Google that lets coding agents control, debug and profile a live Chrome browser.

Made forCode quality
What you needAn MCP client that accepts server configuration
Sources checked2026-11-02

Project links

How to use it

  1. Open the listing page and read the server's documentation.
  2. Copy the configuration or command into your MCP client.
  3. Restart the client and try one of the server's tools.

Copy setup details

Use these instructions in your own environment. Copying text here does not run it.

MCP configuration 1

Copy into a client that accepts mcpServers JSON. Other clients may use a different configuration format.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest"
      ]
    }
  }
}

MCP configuration 2

Copy into a client that accepts mcpServers JSON. Other clients may use a different configuration format.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest"
      ]
    }
  }
}

Claude Code command

Run on your own machine to add this server to Claude Code.

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Security checks

Automated checks, last run Nov 2, 2026. They can miss problems and do not guarantee a listing is safe. Read the source and what you are asked to run before you use it.