chrome-devtools-mcp 允许你的编码代理（如 Gemini、Claude、Cursor 或 Copilot） 控制并检查一个实时的Chrome浏览器。它作为模型-上下文-协议 （MCP）服务器，赋予你的AI编码助手全部功能 Chrome DevTools 提供可靠的自动化、深入调试和性能分析。

🚀 新：AI驱动元素位置

用自然语言自动化任何网站 - 不需要CSS选择器！ → 阅读AI自动化快速入门指南

** 📖 快速链接：**

• ** 🤖 人工智能自动化指南** - 完整指南及示例
• ** ⚡ 快速参考** - 快速访问的书签
• ** 🎯 可靠性指南** - 人工智能的工作原理

工具参考 |更新日志 |贡献 |故障排除

主要特征

• ** 🤖 AI驱动自动化**：用自然语言（“蓝色提交按钮”）描述元素，而非CSS选择器。参见AI指南→
• 91%准确率，描述简单
• 免费AI模型代币减少75-85%
• 生产准备，具备全面的错误处理
• 10-策略匹配可靠性算法
• 支持任何网站
• 生产示例→
• 获取性能洞察：使用 Chrome

Chrome DevTools MCP

chrome-devtools-mcp lets your coding agent (such as Gemini, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to the full power of Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.

🚀 NEW: AI-Powered Element Location

Automate ANY website using natural language - No CSS selectors needed!
→ Read the AI Automation Quick Start Guide

// Just describe what you want to click:
{
  "tool": "find_and_click",
  "arguments": {
    "description": "blue submit button"
  }
}
// ✅ Done! 95%+ accuracy, works with FREE AI models

📖 Quick links:

• 🤖 AI Automation Guide - Complete guide with examples
• ⚡ Quick Reference - Bookmark for quick access
• 🎯 Reliability Guide - How the AI works

Tool reference | Changelog | Contributing | Troubleshooting

Key features

• 🤖 AI-Powered Automation: Describe elements in natural language (“blue submit button”) instead of CSS selectors. See AI Guide →
  • 91% accuracy with simple descriptions
  • 75-85% fewer tokens for free AI models
  • Production-ready with comprehensive error handling
  • 10-strategy matching algorithm for reliability
  • Works with any website
  • Production Examples →
• Get performance insights: Uses Chrome DevTools to record traces and extract actionable performance insights.
• Advanced browser debugging: Analyze network requests, take screenshots and check the browser console.
• Reliable automation. Uses puppeteer to automate actions in Chrome and automatically wait for action results.

Disclaimers

chrome-devtools-mcp exposes content of the browser instance to the MCP clients allowing them to inspect, debug, and modify any data in the browser or DevTools. Avoid sharing sensitive or personal information that you don’t want to share with MCP clients.

Requirements

• Node.js v20.19 or a newer latest maintenance LTS version.
• Chrome current stable version or newer.
• npm.

Getting started