Chrome DevTools MCP — Full Feature Reference
Core Capabilities
Chrome DevTools MCP provides 29 tools organized into 6 categories:
Input & Automation
- click, type, hover, select, drag — Interact with page elements using CSS selectors
- fill_form — Fill entire forms with a single command
- upload_file — Upload files to input elements
- press_key — Simulate keyboard events
- handle_dialog — Accept or dismiss browser dialogs
Navigation & Pages
- navigate — Go to any URL
- new_page, close_page, select_page, list_pages — Manage browser tabs
- wait_for — Wait for selectors, navigation, or timeouts
- take_screenshot — Capture full-page or element screenshots
- take_snapshot — Get accessible page structure (DOM snapshot)
Network & Console
- list_network_requests — Monitor all HTTP requests and responses
- get_network_request — Inspect individual request details
- list_console_messages — Read browser console output
- get_console_message — Get specific console messages
Performance
- performance_start_trace / performance_stop_trace — Record Chrome performance traces
- performance_analyze_insight — Get AI-friendly performance analysis
- lighthouse_audit — Run full Lighthouse audits
Device Emulation
- emulate — Simulate mobile devices, screen sizes, and network conditions
- resize_page — Change viewport dimensions
Requirements
- Node.js v20.19 or newer LTS
- Chrome (current stable or newer)
- npm
Slim Mode vs Full Mode
| Feature | Full Mode (default) | Slim Mode |
|---|---|---|
| Tools | 29 | ~12 core tools |
| Token usage | Higher | 47% less |
| Best for | Full debugging & analysis | Basic automation & testing |
FAQ
Q: What is Chrome DevTools MCP? A: An MCP server that gives AI coding agents (Claude, Cursor, Copilot) access to Chrome DevTools for browser automation, debugging, and performance analysis. It uses Puppeteer under the hood and exposes 29 tools via the Model Context Protocol.
Q: Is Chrome DevTools MCP free? A: Yes, it's fully open-source under the MIT license.
Q: How do I install Chrome DevTools MCP?
A: Add {"mcpServers": {"chrome-devtools": {"command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"]}}} to your .mcp.json and restart your AI tool.