MCP Playwright CDP

一个模型上下文协议服务器，它使用带有 Chrome DevTools 协议 (CDP) 支持的 Playwright 提供浏览器自动化功能。 该服务器使 LLM 能够与网页交互、截取屏幕截图以及在真实的浏览器环境中执行 JavaScript，并且能够通过 CDP 连接到现有的 Chrome 实例。

这是 executeautomation/mcp-playwright v0.2.7 的一个分支，增强了 CDP 支持，可以连接到正在运行的 Chrome 实例。

<a href="https://glama.ai/mcp/servers/fdvu5n58kv"><img width="380" height="200" src="https://glama.ai/mcp/servers/fdvu5n58kv/badge" alt="Playwright CDP MCP server" /></a>

主要特性

• 🔗 通过 CDP 连接到现有的 Chrome 实例
• 🌐 完整的浏览器自动化功能
• 📸 捕获整个页面或特定元素的屏幕截图
• 🖱️ 全面的 Web 交互（导航、点击、表单填写）
• 📊 控制台日志监控
• 🔧 在浏览器上下文中执行 JavaScript
• 🌍 HTTP API 测试支持

安装

您可以使用 npm 或 Smithery 安装该软件包：

通过 Smithery 安装

要通过 Smithery 为 Claude Desktop 自动安装 MCP Playwright CDP：

npx -y @smithery/cli install @lars-hagen/mcp-playwright-cdp --client claude

手动安装

使用 npm：

npm install

配置

将其添加到您的 Claude Desktop 配置文件中：

{
  "mcpServers": {
    "playwright": {
      "command": "node",
      "args": ["/path/to/mcp-playwright/dist/index.js"]
    }
  }
}

将 /path/to/mcp-playwright 替换为您存储库的实际路径。

CDP 连接

此分支添加了通过 CDP 连接到现有 Chrome 实例的功能。 要使用此功能：

1. 启动 Chrome 并启用远程调试：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

2. 服务器将自动尝试首先连接到正在运行的 Chrome 实例，然后再启动新的浏览器。

鸣谢

该项目是 executeautomation/mcp-playwright 的一个分支，增强了 CDP 支持，可以连接到正在运行的 Chrome 实例。

许可证

该项目根据 MIT 许可证获得许可 - 有关详细信息，请参阅 LICENSE 文件。