How to Use playwright-mcp?

How to Use playwright-mcp?

site icon
2025.04.08 10
TypeScript浏览器自动化测试脚本生成浏览器自动化开发效率
playwright-mcp (Model Context Protocol) 是一个强大的工具,旨在连接AI助手与浏览器自动化。它使AI模型能够与网页浏览器交互,检查DOM元素,记录用户操作,并以更高的准确性生成Playwright测试脚本。该工具特别适合需要自动化测试和浏览器交互的场景。
View on GitHub

Overview

基本能力

产品定位

playwright-mcp 是一个用于浏览器自动化和测试脚本生成的工具,特别适合开发者和测试工程师使用。

核心功能

  • 浏览器交互:允许AI模型与网页浏览器交互,检查DOM元素。
  • 操作记录:记录用户操作如点击、输入和导航,自动生成选择器。
  • 测试脚本生成:基于记录的操作生成Playwright测试脚本。

适用场景

  • 自动化测试脚本的生成
  • 网页元素的捕获和检查
  • 用户操作的记录和回放

工具列表

  1. Browser Toolbox
  2. Pick DOM (🎯):选择和捕获页面中的HTML元素。
  3. Pick Image (📸):捕获特定元素的截图。
  4. Record Interactions (📋):记录浏览器交互操作。
  5. MCP Commands
  6. init-browser:初始化Playwright浏览器。
  7. get-context:获取网站上下文。
  8. execute-code:在当前页面执行自定义Playwright JS代码。
  9. get-screenshot:获取当前页面的截图。
  10. get-full-dom:获取当前页面的完整DOM。

常见问题解答

暂无提供。

使用教程

使用依赖

需要安装Node.js和npm。

安装教程

  1. 确保已安装Node.js和npm。
  2. 运行以下命令安装playwright-mcp: bash npm install playwright-mcp

调试方式

安装完成后,可以通过运行以下命令来测试工具是否正常工作:

node -e "require('playwright-mcp').initBrowser()"

许可证

该项目遵循 Other 开源许可条款,请参阅 Other 了解完整条款。