chromedevtools/chrome-devtools-mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
コードエージェントのためのChrome DevTools
概要
Chrome DevTools for agents(chrome-devtools-mcp)は、コードエージェント(Antigravity、Claude、Cursor、Copilotなど)がライブのChromeブラウザを制御・検査できるようにします。これはモデルコンテキストプロトコル(MCP)サーバーとして機能し、AIコーディングアシスタントがChrome DevToolsのフルパワーを活用して信頼性の高い自動化、詳細なデバッグ、パフォーマンス分析を可能にします。MCPなしで使用可能なCLIも提供されています。 - : Chrome DevToolsを使用してトレースを記録し、実用的なパフォーマンスインサイトを抽出します。- : ネットワークリクエストの分析、スクリーンショットの撮影、ブラウザコンソールメッセージのチェック(ソースマッピングされたスタックトレースを含む)。- .Puppeteerを使ってChromeのアクションを自動化し、アクション結果を自動的に待つことができます。 Chrome-DevTools-MCPはブラウザインスタンスのコンテンツをMCPクライアントに公開し、クライアントがブラウザやDevTools内のデータを検査、デバッグ、変更できるようにします。MCPクライアントと共有したくない機密情報や個人情報の共有は避けてください。
概要（AI 翻訳）
Chrome DevTools for agents(chrome-devtools-mcp)は、あなたのコーディングエージェント(Antigravity、Claude、Cursor、Copilotなど)を使えます。
ライブのChromeブラウザを制御し、検査します。これはモデル・コンテキスト・プロトコルとして機能します
(MCP)サーバー、AIコーディングアシスタントにフルパワーへのアクセスを提供
Chrome DevToolsは信頼性の高い自動化、詳細なデバッグ、パフォーマンス分析を可能にします。
また、MCPなしで使用するための[CLI][cli]も提供されています。
[ツール参照][ツール参照] |[変更ログ][変更履歴] |[貢献][貢献] |[トラブルシューティング][トラブルシューティング] |[設計原則][設計原則]
主な特徴
- パフォーマンスインサイトを取得:Chromeを使用 DevToolsで記録 追跡し、実行可能なパフォーマンスインサイトを抽出します。
- 高度なブラウザデバッグ:ネットワークリクエストの分析、スクリーンショットの撮影、 ブラウザコンソールメッセージ(ソースマッピングされたスタックトレース付き)を確認してください。
- 信頼性の高い自動化。用途 Puppeteerは Chromeで、アクション結果を自動的に待つことができます。
免責事項
chrome-devtools-mcp はブラウザインスタンスのコンテンツをMCPクライアントに公開します
これにより、ブラウザやDevTools内のデータを検査、デバッグ、変更することができます。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
Chrome DevTools for agents
Chrome DevTools for agents (chrome-devtools-mcp) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot)
control and inspect a live Chrome browser. It is available as a
Model-Context-Protocol (MCP) server and as a [CLI][cli]. Both give your AI
coding assistant access to the full power of Chrome DevTools for reliable
automation, in-depth debugging, and performance analysis.
[Tool reference][tool-reference] | [CLI][cli] | [Skills][skills] | [Changelog][changelog] | [Contributing][contributing] | [Troubleshooting][troubleshooting] | [Design Principles][design-principles]
Key features
- Get performance insights: Uses Chrome DevTools to record traces and extract actionable performance insights.
- Advanced browser debugging: Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces).
- 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.
chrome-devtools-mcp officially supports Google Chrome and Chrome for Testing only.
Other Chromium-based browsers may work, but this is not guaranteed, and you may encounter unexpected behavior. Use at your own discretion.
We are committed to providing fixes and support for the latest version of Extended Stable Chrome.
Performance tools may send trace URLs to the Google CrUX API to fetch real-user
experience data. This helps provide a holistic performance picture by
presenting field data alongside lab data. This data is collected by the Chrome
User Experience Report (CrUX). To disable
this, run with the --no-performance-crux flag.
Usage statistics
Google collects usage statistics (such as tool invocation success rates, latency, and environment information) to improve the reliability and performance of Chrome DevTools MCP.
Data collection is enabled by default. You can opt-out by passing the --no-usage-statistics flag when starting the server:
"args": ["-y", "chrome-devtools-mcp@latest", "--no-usage-statistics"]
Google handles this data in accordance with the Google Privacy Policy.
インストール
npx -y chrome-devtools-mcp@latest設定
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}