P

Playwright智能生成器

@Ashish-Bansal/playwright-mcp
1 Stars 723 次浏览 Ashish-Bansal 更新于 2026-08-23

Playwright MCP服务器通过允许与网页和元素检查进行交互,实现由AI驱动的Playwright测试生成。它与Cursor等IDE集成,提供实时上下文以提高测试的准确性和效率。

该服务暂未提供标准配置,请参考 README 手动接入

服务介绍

如何使用 playwright-mcp?

npm version Docs

简介

playwright-mcp (Model Context Protocol) 是一个强大的工具,它填补了AI助手和浏览器自动化之间的空白。它使AI模型能够与Web浏览器交互、检查DOM元素、记录用户交互,并以更高的准确性生成Playwright测试脚本。本指南将引导您有效地设置和使用playwright-mcp。

工具

浏览器界面中可用的工具:

浏览器工具箱

  1. 选择DOM (🎯): 点击选择并捕获页面中的HTML元素。使用此功能为您的测试用例记录选择器。
  2. 捕获图片 (📸): 捕获特定元素的截图。对于视觉测试或文档很有用。
  3. 记录交互 (📋): 记录浏览器交互,如点击、输入和导航。这些交互会自动生成选择器,并可以作为上下文传递给MCP客户端(如Claude或Cursor),以帮助编写测试用例。

MCP 命令

  1. init-browser: 初始化playwright浏览器。
  2. get-context: 获取网站上下文,这将用于编写测试用例。
  3. execute-code: 对当前页面执行自定义的Playwright JS代码。
  4. get-screenshot: 获取当前页面的截图。
  5. get-full-dom: 获取当前页面的完整DOM。(建议改用get-context

更多学习

想要深入了解?请查阅完整的文档:

📖 查看文档

相关 MCP 服务