浏览器自动化工具

MCP Server Playwright 是一个功能强大的浏览器自动化工具,提供全面的网页交互、截图捕获和JavaScript执行能力,适用于网页测试和数据抓取等场景。

  • by aptcats
  • 本地部署
  • 更新于
在 GitHub 查看 aptcats/mcp-server-playwright

使用说明

MCP服务器编剧

目录

特性

  • 🌐 完全的浏览器自动化功能
  • 📸 整个页面或特定元素的截图
  • 🖱️ 全面的网络交互(导航、点击、表单填写)
  • 📊 控制台日志监控
  • 🔧 浏览器上下文中的JavaScript执行

安装

通过Smithery安装

要通过Smithery自动安装MCP Server Playwright for Claude Desktop,请执行以下操作:

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude

您可以使用npx或mcp-get安装该软件包:

使用npx:

npx @automatalabs/mcp-server-playwright install

此命令将:

  • 检查您的操作系统兼容性(Windows/macOS)
  • 创建或更新Claude配置文件
  • 配置Playwright服务器集成

配置文件将在以下时间自动创建/更新:

  • 窗户: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

使用mcp get:

npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

配置

安装过程会自动将以下配置添加到您的Claude配置文件中:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@automatalabs/mcp-server-playwright"]
    }
  }
}

组件

工具

浏览器导航

导航到浏览器中的任何URL

{
  "url": "https://stealthbrowser.cloud"
}

浏览器_屏幕截图

捕获整个页面或特定元素的屏幕截图

{
  "name": "screenshot-name",     // required
  "selector": "#element-id",     // optional
  "fullPage": true              // optional, default: false
}

浏览器点击

使用CSS选择器单击页面上的元素

{
  "selector": "#button-id"
}

浏览器链接文本

按文本内容单击页面上的元素

{
  "text": "Click me"
}

浏览器切换

使用CSS选择器将鼠标悬停在页面上的元素上

{
  "selector": "#menu-item"
}

浏览器覆盖文本

按文本内容将鼠标悬停在页面上的元素上

{
  "text": "Hover me"
}

浏览器填充

填写输入字段

{
  "selector": "#input-field",
  "value": "Hello World"
}

浏览器选择

使用CSS选择器在Select元素中选择一个选项

{
  "selector": "#dropdown",
  "value": "option-value"
}

浏览器选择文本

按文本内容选择Select元素中的选项

{
  "text": "Choose me",
  "value": "option-value"
}

浏览器_评估

在浏览器控制台中执行JavaScript

{
  "script": "document.title"
}

资源

控制台日志(console://logs)

  • 以文本格式访问浏览器控制台输出
  • 包括来自浏览器的所有控制台消息

屏幕截图(屏幕截图://)

  • 访问捕获的屏幕截图的PNG图像
  • 由捕获过程中指定的名称引用

许可证

MIT许可证