chrome-devtools-mcp позволяет вашему кодировщику (например, Gemini, Claude, Cursor или Copilot) Контроль и проверка живого браузера Chrome. Он действует как модель-контекст-протокол. Сервер (MCP), предоставляющий вашему помощнику по кодированию ИИ доступ к полной мощности Chrome DevTools для надежной автоматизации, глубокой отладки и анализа производительности.

НОВОЕ: Расположение элементов с поддержкой AI

Автоматизируйте любой веб-сайт с использованием естественного языка * * - Селекторы CSS не нужны! ** Читать Руководство по быстрому запуску автоматизации ИИ**

** Быстрые ссылки** Руководство по автоматизации ИИ** - полное руководство с примерами Быстрая ссылка - Закладка для быстрого доступа Руководство по надежности - Как работает ИИ

Ссылка на инструмент | Changelog | Вклад | Устранение неполадок

Ключевые особенности

*** Автоматизация с поддержкой ИИ**: Опишите элементы на естественном языке («синяя кнопка отправки») вместо селекторов CSS. См. AI Guide **91% точность ** с простыми описаниями 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