Skip to main content
Glama

如何使用 playwright-mcp?

npm 版本 文档

介绍

playwright-mcp(模型上下文协议)是一款强大的工具,它弥合了 AI 助手和浏览器自动化之间的差距。它使 AI 模型能够与 Web 浏览器交互、检查 DOM 元素、记录用户交互,并生成更高精度的 Playwright 测试脚本。本指南将指导您如何有效地设置和使用 playwright-mcp。

工具

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

浏览器工具箱

  1. 选择 DOM (🎯):点击即可从页面中选择并捕获 HTML 元素。使用它来记录测试用例的选择器。

  2. 选择图像 (📸):截取特定元素的屏幕截图。适用于视觉测试或文档撰写。

  3. 记录交互 (📋):记录浏览器交互,例如点击、输入和导航。这些交互会自动生成选择器,并可以作为上下文传递给 Claude 或 Cursor 等 MCP 客户端,以帮助编写测试用例。

MCP 命令

  1. init-browser :初始化剧作家浏览器。

  2. get-context :获取网站上下文,用于编写测试用例

  3. execute-code :针对当前页面执行自定义 Playwright JS 代码

  4. get-screenshot :获取当前页面的屏幕截图

  5. get-full-dom :获取当前页面的完整 DOM。(建议使用get-context代替)

了解更多

想深入了解?查看完整文档:

📖

Related MCP Servers

  • A
    security
    A
    license
    A
    quality
    A MCP server that provides browser automation tools, allowing users to navigate websites, take screenshots, click elements, fill forms, and execute JavaScript through Playwright.
    Last updated -
    8
    1
    Apache 2.0
    • Apple
  • A
    security
    F
    license
    A
    quality
    Playwright wrapper for MCP that enables LLM-powered clients to control a browser for automation tasks.
    Last updated -
    10
    1
  • A
    security
    A
    license
    A
    quality
    A browser automation server providing Playwright capabilities for controlling web browsers, capturing screenshots, extracting content, and performing complex interactions through an MCP interface.
    Last updated -
    6
    Apache 2.0
    • Apple
  • -
    security
    F
    license
    -
    quality
    A service that provides Playwright browser automation functionality through Model Context Protocol (MCP), allowing clients to use Playwright features via SSE connections.
    Last updated -
    6

View all related MCP servers

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Ashish-Bansal/playwright-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server