devtools-mcp
A MCP server that provides Chrome DevTools Protocol access to LLMs
Documentation
devtools-mcp
A MCP server that provides Chrome DevTools Protocol access to LLMs.
- Execute any CDP command through the `cdp_command` tool
- Automatic binary data handling - large responses (screenshots, PDFs) are saved to files
Setup
1. Start Chrome with remote debugging:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
--remote-debugging-port=9222 \
--remote-debugging-address=127.0.0.1 \
--user-data-dir=/tmp/chrome-debug \
--no-first-run \
--disable-default-apps2. Install dependencies:
npm install3. Add as local MCP server. E.g. with Claude Code:
claude mcp add devtools-server -- npx tsx ~/projects/devtools-mcp/src/index.tsUsage
The server exposes a single `cdp_command` tool that accepts:
- `method`: Any CDP command (e.g., "Page.navigate", "Runtime.evaluate")
- `params`: JSON string of command parameters (optional)
Binary data (screenshots, etc.) is automatically saved to `./cdp-output/` with file path references returned instead of raw data.
Frequently asked questions
What is devtools-mcp?
devtools-mcp is A MCP server that provides Chrome DevTools Protocol access to LLMs
How do I install devtools-mcp?
Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.
Is devtools-mcp open source?
Yes — it is hosted on GitHub at https://github.com/stefanli/devtools-mcp and has 24 stars.
Related MCP tools
The official TypeScript SDK for Model Context Protocol servers and clients Trusted by 10500+ developers. Trusted by 10500+ developers.
Visual testing tool for MCP servers TypeScript-based implementation. Trusted by 7300+ developers. Trusted by 7300+ developers.
It's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic TypeScript-based implementation.
Model Context Protocol Server for Mobile Automation and Scraping (iOS, Android, Emulators, Simulators and Real Devices) TypeScript-based implementation.
Https://github.com/user-attachments/assets/364b6705-14d4-4e6d-bea7-fb9f12664fab for the Model Context Protocol. Enhance AI assistants with powerful integrations
MCP server that provides tools and resources for interacting with n8n API TypeScript-based implementation. Trusted by 1400+ developers.
Run your own MCP server? See who uses it and what to fix.
Measure it with TrackMCP