MCP Playwright

MCP Playwright 是一个基于 Playwright 的模型上下文协议（MCP）服务器，专为大语言模型（LLM）设计，提供浏览器自动化能力。它支持在真实浏览器环境中执行网页交互、截图、JavaScript 脚本执行以及测试代码生成，适用于网页自动化、内容抓取和测试场景。

核心功能

MCP Playwright 提供了多种浏览器自动化功能，包括：

• 网页交互：支持点击按钮、输入文本等操作，实现与网页的动态交互。
• 截图生成：可以捕获整个页面或特定元素的截图，用于可视化验证。
• JavaScript 执行：在真实浏览器环境中执行 JavaScript 代码，实现动态内容处理。
• 测试代码生成：自动生成用于测试的代码片段，提升自动化测试效率。

安装方法

MCP Playwright 提供了多种安装方式，包括通过 npm、mcp-get、Smithery 以及 VS Code 扩展安装。

npm install -g @executeautomation/playwright-mcp-server

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

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

配置说明

在客户端配置文件中添加服务器地址，以便连接和使用 MCP Playwright 服务器。

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

使用方法

安装完成后，运行以下命令启动服务器：

npx @executeautomation/playwright-mcp-server

服务器启动后，可以通过客户端发送指令执行自动化任务。

使用示例

以下是两个典型使用示例：

示例 1：打开网页并截图

通过 MCP Playwright 打开指定网页并截取屏幕。

open(https://example.com)

screenshot(body)

示例 2：执行 JavaScript 脚本

在网页中执行 JavaScript 脚本并返回结果。

execute(document.title)

使用场景

MCP Playwright 适用于以下场景：

• 网页自动化操作：如自动填写表单、点击按钮等。
• 网页内容抓取：通过截图和脚本执行获取网页数据。
• 自动化测试：生成测试代码并执行测试流程。
• 大语言模型集成：为 LLM 提供浏览器环境支持，增强其网页交互能力。

注意事项

使用 MCP Playwright 时需注意以下事项：

• 服务器运行需要较高的硬件资源。
• 对于复杂任务，可能需要额外调试和脚本编写。
• 确保浏览器环境与目标网页兼容。

MCP Playwright 是一个功能强大的浏览器自动化工具，适用于需要与网页进行交互、执行脚本和生成测试代码的场景。通过灵活的安装方式和丰富的功能，它为大语言模型提供了强大的浏览器支持。