Chrome DevTools

by chromedevtools · Web & Browser · mcp-server, npm

Provides direct Chrome browser control through DevTools for web automation, debugging, and performance analysis using accessibility tree snapshots for reliable element targeting, automatic page event handling, and integrated performance tracing with actionable insights.

This MCP server provides AI assistants with direct control over Chrome browsers through Chrome DevTools, enabling reliable web automation, debugging, and performance analysis using Puppeteer for browser control and Chrome DevTools for trace recording. Built by Google with TypeScript, it offers 26 tools across categories including input automation (clicking, filling forms, drag-and-drop), navigation (page management, history), network analysis (request inspection, throttling), performance tracing with Chrome DevTools insights, console debugging, and screenshot/snapshot capabilities. The implementation uses accessibility tree snapshots for reliable element targeting, automatically waits for page events after actions, supports CPU and network emulation for testing, and integrates Chrome's performance trace engine for actionable insights, making it valuable for automated testing workflows, web debugging, performance optimization, and building AI assistants that need to interact with live web applications through a real browser environment.

Source: https://github.com/chromedevtools/chrome-devtools-mcp

Install

npx -y chrome-devtools-mcp

Tags: mcp-server, npm

⭐ 31,062 GitHub stars · Source: pulsemcp

About Web & Browser MCP servers and Claude skills

Web & Browser MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

Chrome DevTools is one of hundreds of Web & Browser entries indexed on Skiln. Browse the full Web & Browser category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related Web & Browser MCPs and skills

  • OpenAI o3 Search by yoshiko-pg

    Provides web search capabilities using OpenAI's o3 model with configurable reasoning effort levels for finding current information and solving complex problems beyond traditional search engines.

  • Omnisearch by spences10

    Unifies search and content processing by dynamically selecting optimal providers like Tavily, Brave, and Perplexity to enable flexible information retrieval and enhancement across multiple domains.

  • Web Research by mzxrai

    Research topics using Google search and web scraping.

  • EVM Blockchain by mcpdotdirect

    Integrates with EVM-compatible blockchains to enable querying data, transferring tokens, reading smart contracts, and resolving ENS names across Ethereum, Optimism, Arbitrum, and Base networks.

  • Claude Talk to Figma by arinspunk

    Enables direct control over Figma designs through WebSocket communication for document inspection, element creation and modification, text manipulation, component management, and export capabilities for automated design workflows and content localization.

  • Hyperbrowser by hyperbrowserai

    Enables web browsing capabilities through tools for content extraction, link following, and browser automation with customizable parameters for scraping, data collection, and web crawling tasks.

  • Web Fetcher by jae-jae

    Fetches and extracts web content using Playwright's headless browser capabilities, delivering clean, readable content from JavaScript-heavy websites in HTML or Markdown format for research and information gathering.

  • Ref by ref-tools

    Integrates with Ref.tools documentation search service to provide curated technical documentation access, web search fallback, and URL-to-markdown conversion for efficient developer reference during coding workflows.

Frequently asked questions

How do I install Chrome DevTools?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support Chrome DevTools?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Chrome DevTools free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.