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

评论

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