Get the FREE Ultimate OpenClaw Setup Guide →

chrome-devtools

Chrome DevTools for coding agents

Installation
Run this command in your terminal to add the MCP server to Claude Code.
Run in terminal:
Command
claude mcp add --transport stdio chromedevtools-chrome-devtools-mcp npx -y chrome-devtools-mcp@latest

How to use

The Chrome DevTools MCP server allows coding agents like Gemini, Claude, Cursor, or Copilot to control and inspect a live Chrome browser. It provides access to the full suite of Chrome DevTools features, enabling reliable automation, in-depth debugging, and performance analysis. Users can leverage this server to gain performance insights, analyze network requests, take screenshots, and check console messages with source-mapped stack traces. This makes it an essential tool for developers looking to enhance their automation capabilities and debugging processes in Chrome.

How to install

To install the Chrome DevTools MCP server, ensure you have Node.js (v20.19 or newer) and npm installed. Then, run the following command in your terminal:

npx -y chrome-devtools-mcp@latest

This command will install the latest version of the Chrome DevTools MCP server. If you want to use the slim mode for basic browser tasks, you can run:

npx -y chrome-devtools-mcp@latest --slim --headless

Additional notes

Be cautious when using the Chrome DevTools MCP server, as it exposes the content of the browser instance to MCP clients. Avoid sharing sensitive information. Additionally, usage statistics are collected by Google to improve the service, but you can opt-out by using the --no-usage-statistics flag. If you encounter issues, ensure that Chrome is running on the correct port, especially when connecting to other services like Antigravity.

Related MCP Servers

Sponsor this space

Reach thousands of developers