[[chrome-devtools-mcp]は、あなたのコーディングエージェント(Gemini、Claude、Cursor、Copilotなど)を許可します ライブChromeブラウザを制御および検査します。 Model-Context-Protocol として機能する (MCP) サーバーで、AI コーディングアシスタントがフルパワーにアクセスできるように 信頼できるオートメーション、深いダバッギングおよび性能の分析のためのChrome DevTools。

最近の投稿: AI パワーの要素の場所

自然言語を使用して任意のウェブサイトを自動化 - CSSセレクタは必要ありません! → AIオートメーションクイックスタートガイドを読む

** 447 クイックリンク:** -AIオートメーションガイド - 完全なガイドの例

• ** ⚡ クイック リファレンス** - ブックマーク クイック アクセス -確実性ガイド - AIの仕組み

ツール参照 | 変更履歴 | 貢献 | トラブルシューティング

キー機能

-** AI-Powered Automation**:CSSセレクターの代わりに、自然言語(青の送信ボタン)の要素を記述します。 AIガイドを見る →

• 91% 精度* 簡単な説明
• 無料のAIモデルの** 75-85%の少ないトークン**
• 生産準備完了 包括的なエラー処理
• 10戦略マッチング信頼性のためのアルゴリズム
• 任意のウェブサイトで動作します
• 生産事例 → -パフォーマンスの洞察を得る: クロムの使用

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