chrome-devtools
✓MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。
SKILL.md
Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.
Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.
Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.
MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。 ソース: chromedevtools/chrome-devtools-mcp。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
chrome-devtools とは？
MCP 経由で Chrome DevTools を使用して、効率的なデバッグ、トラブルシューティング、ブラウザの自動化を実現します。 Web ページのデバッグ、ブラウザー操作の自動化、パフォーマンスの分析、またはネットワーク要求の検査時に使用します。 ソース: chromedevtools/chrome-devtools-mcp。
chrome-devtools のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/chromedevtools/chrome-devtools-mcp
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01