How do I install Chrome Devtools MCP Server?

Follow the setup instructions on the Chrome Devtools GitHub repository, then add the server configuration to your AI client.

Chrome Devtools

Name: Chrome DevTools MCP Server
Author: XRealSys

v1.0.0•Browser Automation•stable

Provides comprehensive Chrome browser debugging capabilities including DOM inspection, network monitoring, console logs, JavaScript execution, breakpoint debugging, and screenshot capture for AI-assisted frontend development.

chrome-devtools-mcp-servermcpai-integration

Stars

Downloads

Weekly

0/5

View on GitHub

What is Chrome Devtools?

Chrome Devtools is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to provides comprehensive chrome browser debugging capabilities including dom inspection, network monitoring, console logs, javascript execution, breakpoint debugging, and screenshot capture for ai-assis...

This server falls under the Browser Automation, Coding Agents and Communication categories on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

Provides comprehensive Chrome browser debugging capabilities

Use Cases

Provides comprehensive Chrome browser debugging capabilities including DOM inspection, network monitoring, console logs, JavaScript execution,.

XRealSys

Maintainer

LicenseMIT License

Languagetypescript

Versionv1.0.0

UpdatedN/A

Statushealthy

Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

View Source Browse All Servers

Installation

Manual Installation

npx chrome-devtools-mcp-server

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms

ThroughputMedium

Resource Usage

Memory UsageLow

CPU UsageLow

Frequently Asked Questions about Chrome Devtools

What is Chrome Devtools?

Chrome Devtools is a Model Context Protocol (MCP) server that provides comprehensive chrome browser debugging capabilities including dom inspection, network monitoring, console logs, javascript execution, breakpoint debugging, and screenshot capture for ai-assisted frontend development. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Chrome Devtools?

Follow the installation instructions on the Chrome Devtools GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with Chrome Devtools?

Chrome Devtools works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Chrome Devtools free to use?

Yes, Chrome Devtools is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.

Learn More About MCP Servers

Getting Started with MCP

Set up your first MCP server in minutes

MCP Setup Guide

Configure MCP in Claude, Cursor & VS Code

All MCP Tutorials

18+ hands-on guides for developers

MCP FAQ

40+ answers about Model Context Protocol

Chrome Devtools Alternatives — Similar Browser Automation Servers

Looking for alternatives to Chrome Devtools? Here are other popular browser automation servers you can use with Claude, Cursor, and VS Code.

Chrome DevTools MCP

★ 40.6k

AI-powered Chrome automation server with natural language element detection. Control Chrome browser through MCP protocol for testing, debugging, and performance analysis. Features 91% accuracy in element location, works with free AI models, and suppo

UI TARS Desktop

★ 34.9k

📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.

Playwright

★ 32.8k

A production-ready browser automation server that enables AI assistants to interact with web pages using tools for navigation, element interaction, and data extraction. It features a built-in Inspector UI and robust crash recovery for reliable automa

Page Agent

★ 18.0k

JavaScript in-page GUI agent. Control web interfaces with natural language.

Chrome

★ 11.7k

An extension-based MCP server that enables AI assistants to control your browser, leveraging existing sessions and login states for automation and content analysis. It provides over 20 tools for semantic tab search, interactive element manipulation,

LAMDA

★ 7.8k

The most powerful Android RPA agent framework, next generation mobile automation.

Browse More Browser Automation MCP Servers

Explore all browser automation servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Browser Automation Coding Agents Communication Browse All Servers

Set Up Chrome Devtools in Your Editor

Choose your AI client for step-by-step setup instructions.

🖥️

Claude Desktop

macOS & Windows app

⌨️

Claude Code

CLI & terminal

📝

Cursor

AI-first code editor

💻

VS Code

GitHub Copilot MCP

🏄

Windsurf

Codeium AI editor

🔌

Cline

VS Code extension

Quick Config Preview

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

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use Chrome Devtools?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides

Explore All Servers Read Our Guides