Official Chrome DevTools MCP

Google has recently released their Chrome DevTools MCP with it you can use your Chrome DevTools as MCP.

One advantage that it has over using something like Puppeteer or Playwright MCP is that it just uses the Google Chrome that you’ve in your machine.

So you don’t need to download the Chrome binary again.

How to get started?

This is provided as local package MCP. So you can depending on the IDE/MCP client that you’re using.

In Cursor, you can install it like this

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

If you don’t have Google Chrome in Application, you might be getting some error. For such cases you can just explictly define the executable Path

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest", "--executablePath", "/Users/ashiknesin/Apps/Google Chrome.app/Contents/MacOS/Google Chrome"]
    }
  }
}

Once you’ve added it and enabled it, you should be seeing the available tools like this

Happy Browser MCP-ing!