# chrome-devtools-mcp: Browser Control for Coding Agents via MCP Client

> chrome-devtools-mcp is an MCP Client that enables coding agents like Gemini or Copilot to control and inspect a live Chrome browser. It acts as an MCP server, providing access to Chrome DevTools for advanced debugging, reliable automation, and performance analysis. Developers building agent-driven browser interactions will find it essential.

**Published:** 2026-10-24T12:00:47.543+00:00

**Keywords:** chrome-devtools-mcp,mcp-client,developer-tools,puppeteer

# chrome-devtools-mcp: Powering Agent-Driven Browser Interactions

`chrome-devtools-mcp` is an MCP Client that allows your coding agent—such as Gemini, Claude, Cursor, or Copilot—to control and inspect a live Chrome browser. It effectively turns the browser into an accessible environment for AI, acting as an MCP server to expose the full capabilities of Chrome DevTools. This enables agents to perform reliable automation, conduct in-depth debugging, and analyze performance directly within Chrome.

## Deep Browser Integration for Agents

The core value of `chrome-devtools-mcp` lies in its ability to bridge the gap between AI coding assistants and the browser. By leveraging Chrome DevTools, it provides a rich set of functionalities for agents:

*   **Performance Insights**: Agents can record traces and extract actionable performance data, making it possible to identify bottlenecks and optimize web applications.
*   **Advanced Debugging**: It offers capabilities to analyze network requests, capture screenshots, and inspect browser console messages, complete with source-mapped stack traces for clearer debugging.
*   **Reliable Automation**: Using Puppeteer, `chrome-devtools-mcp` facilitates robust automation of browser actions, automatically waiting for results to ensure stability.

This integration is specifically designed for Google Chrome and Chrome for Testing, with a commitment to support the latest Extended Stable Chrome versions. While other Chromium-based browsers might function, their behavior is not guaranteed.

## Connecting Your MCP Client

`chrome-devtools-mcp` is designed to be easily integrated with various MCP clients. Here's how you might configure it for Amp or Antigravity:

### Amp Configuration

For Amp users, the `chrome-devtools-mcp` server can be added directly via the CLI:

```bash
amp mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
```

Further instructions are available in the Amp manual.

### Antigravity Configuration

Antigravity users can add `chrome-devtools-mcp` by modifying their MCP servers configuration. This involves adding a specific JSON block:

```bash
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--browser-url=http://127.0.0.1:9222",
        "-y"
      ]
    }
  }
}
```

Detailed instructions for installing custom MCP servers can be found in Antigravity's documentation.

## Disclaimers and Considerations

It's important to note that `chrome-devtools-mcp` exposes the browser instance's content to MCP clients, allowing them to inspect, debug, and modify any data within the browser or DevTools. Therefore, users should avoid sharing sensitive or personal information that they do not wish to expose to MCP clients. Additionally, performance tools may send trace URLs to the Google CrUX API.

For developers building agent-driven workflows that require deep, programmatic interaction with a live browser, `chrome-devtools-mcp` offers a direct and powerful solution.

## References
- [chrome-devtools-mcp on GitHub](https://github.com/ChromeDevTools/chrome-devtools-mcp)
- [Model Context Protocol Documentation](https://modelcontextprotocol.io/introduction)
- [chrome-devtools-mcp on model-context-protocol.com](https://model-context-protocol.com/clients/)

## Related Repository

- [chrome-devtools-mcp](https://model-context-protocol.com/clients/chrome-devtools-mcp)

**Source:** https://model-context-protocol.com/blog/chrome-devtools-mcp-browser-control-for-coding-agents-via-mcp-mcp-client-guide