How to Use playwright-mcp? - MCP服务，MCP服务器，MCP教程

基本能力

产品定位

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

调试方式

安装完成后，可以通过运行以下命令来测试工具是否正常工作：
bash
node -e "require('playwright-mcp').initBrowser()"