AI导哈

Chrome开发者工具协议服务器

一个提供Chrome开发者工具协议访问的服务器，允许通过LLMs执行任何CDP命令，并自动处理二进制数据。

  • by stefanli
  • TypeScript
  • 本地部署
  • 28 星标
  • 更新于
在 GitHub 查看 stefanli/devtools-mcp

使用说明

devtools mcp

提供对LLM的Chrome DevTools协议访问的MCP服务器。

  • 通过以下方式执行任何CDP命令 cdp_command 工具
  • 自动二进制数据处理-将大响应（屏幕截图、PDF）保存到文件中

设置

  1. 使用远程调试启动Chrome：
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --remote-debugging-port=9222 \
  --remote-debugging-address=127.0.0.1 \
  --user-data-dir=/tmp/chrome-debug \
  --no-first-run \
  --disable-default-apps
  1. 安装依赖项：
npm install
  1. 添加为本地MCP服务器。例如，使用克劳德代码：
claude mcp add devtools-server -- npx tsx ~/projects/devtools-mcp/src/index.ts

用法

服务器公开了一个 cdp_command 工具接受：

  • method：任何CDP命令（例如，“Page.cnavigation”、“Runtime.eevaluate”）
  • params：命令参数的JSON字符串（可选）

二进制数据（屏幕截图等）会自动保存到 ./cdp-output/ 返回文件路径引用而不是原始数据。

相关 MCP