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

常见问题

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.

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.

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`.

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`.

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).

其他分类下的更多 MCP 服务器

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K

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

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

Sequential Thinking