MCP Catalogs
首页

chrome-devtools-mcp vs everything

并排对比,帮你在这两个 MCP server 之间做选择。

chrome-devtools-mcp
by benjaminr
everything
by modelcontextprotocol
Stars★ 297★ 85,748
30天用量
综合分4877
官方
分类
开发者工具浏览器自动化可观测性
开发者工具AI / LLM 工具其它
实现语言PythonTypeScript
最近提交7 个月前本月

chrome-devtools-mcp · 概述

Chrome DevTools MCP 服务器通过连接 Chrome 的调试功能,让 Claude 能够调试网页应用。

everything · 概述

官方 MCP 测试服务器,展示协议全部功能,供客户端开发者使用。

chrome-devtools-mcp · 使用场景

  • 通过监控网络请求和响应来调试网页应用中的 API 调用
  • 检查 JavaScript 对象和控制台错误以诊断前端问题
  • 分析性能指标并识别网页应用的加载瓶颈

everything · 使用场景

  • 测试 MCP 客户端实现是否支持所有协议功能
  • 通过参考服务器学习 MCP 协议能力
  • 验证客户端对不同传输方式的兼容性

chrome-devtools-mcp · 安装

安装选项

Claude Desktop 扩展(最简单)

  1. 从 [发布页面](https://github.com/benjaminr/chrome-devtools-mcp/releases) 下载最新的 .dxt 文件
  2. 打开 Claude Desktop
  3. 转到扩展部分并安装下载的 .dxt 文件

手动 Claude Desktop 设置

将以下内容添加到 Claude Desktop 配置文件中:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "python",
      "args": ["/absolute/path/to/chrome-devtools-mcp/server.py"],
      "env": {
        "CHROME_DEBUG_PORT": "9222"
      }
    }
  }
}

MCP CLI

mcp install server.py -n "Chrome DevTools MCP" --with-editable .

Claude Code

uv sync
SERVER_PATH="$(pwd)/server.py"
PYTHON_PATH="$(pwd)/.venv/bin/python"
claude mcp add chrome-devtools "$PYTHON_PATH" "$SERVER_PATH" -e CHROME_DEBUG_PORT=9222

everything · 安装

NPX(推荐)

{
  "mcpServers": {
    "everything": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-everything"]
    }
  }
}

Windows 用户请使用 cmd /c

{
  "mcpServers": {
    "everything": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@modelcontextprotocol/server-everything"]
    }
  }
}

Docker

{
  "mcpServers": {
    "everything": {
      "command": "docker",
      "args": ["run", "-i", "--rm", "mcp/everything"]
    }
  }
}

全局安装

npm install -g @modelcontextprotocol/server-everything@latest
npx @modelcontextprotocol/server-everything
对比内容由 README + GitHub 公开数据自动生成,定期更新。