MCP 浏览器自动化

这是一个演示项目，用于练习基于模型上下文协议的服务器实现，以使用 Playwright 进行浏览器自动化。它与 Claude 桌面客户端交互，接受用户提示并通过服务器控制浏览器。

先决条件

• 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"]
    }
  }
}

1. 启动 Claude 桌面应用

使用

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

示例

• 添加了 MCP 服务器选项
  

• 导航到一个 URL 并使用 playwright 进行操作