# Chrome DevTools MCP [Health: Active]

**Category:** 💻 Developer Tools  
**Repository:** https://github.com/Async23/chrome-devtools-mcp  
**GitHub Stars:** 0  
**Views:** 1  
**Installs:** 0  
**Upvotes:** 0  
**Directory Page:** https://allmcps.com/mcp/chrome-devtools-mcp-2

## Description
Chrome DevTools for coding agents

## Tools
Capabilities this server exposes over MCP:

- **click**
- **drag**
- **fill**
- **fill_form**
- **handle_dialog**
- **hover**
- **press_key**
- **type_text**
- **upload_file**
- **click_at**
- **close_page**
- **list_pages**
- **navigate_page**
- **new_page**
- **select_page**
- **wait_for**
- **emulate**
- **resize_page**
- **performance_analyze_insight**
- **performance_start_trace**
- **performance_stop_trace**
- **get_network_request**
- **list_network_requests**
- **evaluate_script**
- **get_console_message**
- **lighthouse_audit**
- **list_console_messages**
- **take_screenshot**
- **take_snapshot**
- **screencast_start**
- **screencast_stop**
- **take_heapsnapshot**
- **close_heapsnapshot**
- **compare_heapsnapshots**
- **get_heapsnapshot_class_nodes**
- **get_heapsnapshot_details**
- **get_heapsnapshot_dominators**
- **get_heapsnapshot_duplicate_strings**
- **get_heapsnapshot_edges**
- **get_heapsnapshot_object_details**
- **get_heapsnapshot_retainers**
- **get_heapsnapshot_retaining_paths**
- **get_heapsnapshot_summary**
- **install_extension**
- **list_extensions**
- **reload_extension**
- **trigger_extension_action**
- **uninstall_extension**
- **execute_3p_developer_tool**
- **list_3p_developer_tools**
- **execute_webmcp_tool**
- **list_webmcp_tools**

## Claude Desktop Quick Installation
Install path detected from listing signals. Uses `npx` (confidence: high):

```json
"mcpServers": {
  "chrome-devtools-mcp": {
    "command": "npx",
    "args": ["-y","chrome-devtools-mcp@latest"],
    "env": {
      "CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS": "",
      "CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS": ""
    }
  }
}
```

**Requires environment variables:** `CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS`, `CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS` — the values above are empty placeholders; fill in real credentials before running (see the repository for what each one is for).

## Documentation

## What the Chrome DevTools MCP MCP server does

The Chrome DevTools MCP MCP server connects an MCP client to a live Chrome browser and exposes browser control, inspection, debugging, and performance functions. Agents can open and manage pages, navigate to URLs, interact with page elements, and inspect results from the browser session.

It is intended for coding agents that need more than static code analysis. Typical tasks include reproducing a user flow, checking console output, examining requests, capturing a page image, evaluating JavaScript, or collecting performance data from a real browser.

## How it works

The server runs as a local MCP process, normally started with `npx`, and communicates with the configured MCP client over standard input and output. Puppeteer handles browser automation and waits for action results. Chrome DevTools supplies tracing, performance insights, console details, and network information.

The Chrome DevTools MCP MCP server officially supports Google Chrome and Chrome for Testing. It can connect to an existing browser through a browser URL, including a browser supplied by another client, rather than always launching its own instance.

## Setup and configuration

Node.js LTS, npm, and a current stable Chrome version or newer are required. A standard client configuration starts the server with:

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

Add `--slim` for a smaller tool set intended for basic browser tasks. The example `--headless` option can be used with slim mode. When connecting to an already-running browser, pass `--browser-url` with its debugging endpoint.

Usage statistics are enabled by default. Set `CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS` or run with `--no-usage-statistics` to disable collection. Set `CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS` to turn off periodic npm update checks. Performance features may use Google’s CrUX API; `--no-performance-crux` disables that lookup.

## Tools and capabilities

Available tools cover these areas:

- Browser interaction: click, drag, hover, fill forms, type text, press keys, upload files, handle dialogs, and click at coordinates.
- Page management: create, close, list, select, and navigate pages; wait for conditions; resize or emulate browser settings.
- Debugging: evaluate scripts, list or retrieve console messages, list network requests, and retrieve an individual request.
- Performance: start and stop traces, analyze performance insights, and run Lighthouse audits.
- Observation: take screenshots, take page snapshots, and start a screencast.

## Limitations and notes

Browser contents are exposed to the MCP client, which can inspect, debug, and modify data in the browser or DevTools. Avoid using the server with sensitive information that should not be shared with the client.

Other Chromium-based browsers may work, but they are not officially supported and can behave unexpectedly. The project targets the latest Extended Stable Chrome. Usage-statistics collection is separate from Chrome’s own metrics, and setting `CI` also disables this server’s collection.

The Chrome DevTools MCP MCP server can be installed for clients such as Claude Code, Cline, Codex, Cursor, and VS Code. Claude Code also has a plugin installation path that bundles the server with skills.

_Full upstream README: https://allmcps.com/mcp/chrome-devtools-mcp-2/readme_