広告掲載
MCP.so
ログイン

Devtools MCP Server

@stefanli

リポジトリ

基本情報

カテゴリ

その他

トランスポート

stdio

作者

stefanli

Devtools MCP Server について

A MCP server that provides Chrome DevTools Protocol access to LLMs

#devtools#chrome#llm-access

Devtools MCP Server の設定

標準の設定はありません

このサーバーの README には解析可能な MCP 設定ブロックが含まれていません。インストール手順はリポジトリをご確認ください。

リポジトリ

Devtools MCP Server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is devtools-mcp?

devtools-mcp is an MCP server that provides LLMs with access to Chrome DevTools Protocol (CDP) commands, enabling browser automation and inspection through a natural language interface. It is intended for developers integrating LLMs with browser debugging and control.

How to use devtools-mcp?

Start Chrome with remote debugging on port 9222, install dependencies with npm install, then add the server as a local MCP server (e.g., with Claude Code using claude mcp add). The server exposes a single cdp_command tool that accepts a CDP method and optional parameters, and automatically saves binary output (screenshots, PDFs) to the ./cdp-output/ directory.

Key features of devtools-mcp

  • Execute any CDP command through the cdp_command tool
  • Automatic binary data handling with file path references
  • Seamless integration with LLM-based clients
  • Supports all Chrome DevTools Protocol methods

Use cases of devtools-mcp

  • Navigating pages and evaluating JavaScript via LLMs
  • Taking screenshots and capturing PDFs during automated testing
  • Debugging web applications through conversational AI assistants

よくある質問

1

What is the `cdp_command` tool?

It is the single tool exposed by the server. It takes a `method` (required) and `params` (optional JSON string) to execute any Chrome DevTools Protocol command.

2

How is binary data handled?

Large binary responses (e.g., screenshots, PDFs) are automatically saved to the `./cdp-output/` directory. The tool returns a file path reference instead of raw binary data.

3

What runtime or dependencies are required?

Node.js and Chrome (or Chromium) running with remote debugging enabled on port 9222. Install npm dependencies via `npm install`.

4

How is the server started or configured?

You add it as a local MCP server in your client (e.g., Claude Code). The example command is `claude mcp add devtools-server -- npx tsx ~/projects/devtools-mcp/src/index.ts`.

5

What transport or authentication does it use?

The README does not specify authentication or transport details. It communicates with a locally running Chrome instance over HTTP (CDP via WebSocket).

コメント

「その他」の他のコンテンツ

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

Screenpipe

screenpipe

YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

22.0K

MCP Toolbox for Databases

googleapis

MCP Toolbox for Databases is an open source MCP server for databases.

15.9K

FastMCP v2 🚀

jlowin

🚀 The fast, Pythonic way to build MCP servers and clients.

26.0K

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

広告掲載