MCP 浏览器自动化

这是一个演示项目，用于实践基于模型上下文协议 (Model Context Protocol) 的服务器实现，以使用 Playwright 自动化浏览。它与 Claude Desktop 客户端交互，接受用户提示并使用服务器控制浏览器。

<a href="https://glama.ai/mcp/servers/hokppvk1dy"><img width="380" height="200" src="https://glama.ai/mcp/servers/hokppvk1dy/badge" alt="Browser Automation Server MCP server" /></a>

前提条件

• Playwright
• Claude Desktop
• Node.js

构建

1. 克隆仓库: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git
2. 安装依赖: npm install
3. 验证输出的可执行文件是否存在于 dist 文件夹中

集成

1. 在 ~/Application\ Support/Claude/claude_desktop_config.json 中创建一个配置文件 (适用于 macOS)
2. 将以下内容复制到文件中:

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

3. 启动 Claude Desktop

使用方法

1. 打开 Claude Desktop
2. 开始一个新的对话以打开浏览器并导航到 URL

示例

• 添加了 MCP 服务器选项

• 导航到 URL 并使用 playwright 执行操作