playwright-server MCP 服务器

\一个带有 playwright 工具的 MCP 服务器\

<a href="https://glama.ai/mcp/servers/c50bsocgzb"><img width="380" height="200" src="https://glama.ai/mcp/servers/c50bsocgzb/badge" alt="Playwright Server MCP server" /></a> <a href="https://smithery.ai/server/@williamvd4/playwright-plus-python-mcp"><img alt="Smithery Badge" src="https://smithery.ai/badge/@williamvd4/playwright-plus-python-mcp"></a>

组件

资源

该服务器实现了一个简单的笔记存储系统，具有：

• 用于访问单个笔记的自定义 note:// URI 方案
• 每个笔记资源都有一个名称、描述和 text/plain mimetype

提示词

该服务器提供一个提示词：

• summarize-notes：创建所有存储笔记的摘要
  • 可选的 "style" 参数来控制详细程度（brief/detailed）
  • 生成提示词，将所有当前笔记与样式偏好相结合

工具

该服务器实现了以下工具：

• playwright_navigate: 导航到指定的 URL。 如果没有活动的会话，此操作将自动创建一个新会话。
  • 需要一个 url 参数（字符串）。
• playwright_screenshot: 拍摄当前页面或特定元素的屏幕截图。
  • 需要一个 name 参数（字符串）作为屏幕截图文件名。
  • 可选的 selector 参数（字符串）来指定要截图的元素的 CSS 选择器。 如果未提供选择器，则会拍摄完整页面屏幕截图。
• playwright_click: 使用 CSS 选择器单击页面上的元素。
  • 需要一个 selector 参数（字符串）来指定要单击的元素的 CSS 选择器。
• playwright_fill: 填写输入字段。
  • 需要一个 selector 参数（字符串）来指定输入字段的 CSS 选择器。
  • 需要一个 value 参数（字符串）来指定要填充的值。
• playwright_evaluate: 在浏览器控制台中执行 JavaScript 代码。
  • 需要一个 script 参数（字符串）来指定要执行的 JavaScript 代码。
• playwright_click_text: 通过其文本内容单击页面上的元素。
  • 需要一个 text 参数（字符串）来指定要单击的元素的文本内容。
• playwright_get_text_content: 获取所有可见元素的文本内容。
• playwright_get_html_content: 获取页面的 HTML 内容。
  • 需要一个 selector 参数（字符串）来指定元素的 CSS 选择器。

配置

[TODO: 添加特定于您的实现的配置详细信息]

快速开始

安装

Claude Desktop

在 MacOS 上：~/Library/Application\ Support/Claude/claude_desktop_config.json 在 Windows 上：%APPDATA%/Claude/claude_desktop_config.json

<details> <summary>开发/未发布的服务器配置</summary>

"mcpServers": {
  "playwright-server": {
    "command": "uv",
    "args": [
      "--directory",
      "C:\Users\xxxxx\Documents\project\python\mcp\playwright-server",
      "run",
      "playwright-server"
    ]
  }
}

</details>

<details> <summary>已发布的服务器配置</summary>

"mcpServers": {
  "playwright-server": {
    "command": "uvx",
    "args": [
      "playwright-server"
    ]
  }
}

</details>

开发

构建和发布

要准备用于分发的软件包：

1. 同步依赖项并更新锁定文件：

uv sync

2. 构建软件包分发：

uv build

这将在 dist/ 目录中创建源和 wheel 分发。

3. 发布到 PyPI：

uv publish

注意：您需要通过环境变量或命令标志设置 PyPI 凭据：

• Token: --token 或 UV_PUBLISH_TOKEN
• 或用户名/密码：--username/UV_PUBLISH_USERNAME 和 --password/UV_PUBLISH_PASSWORD

调试

由于 MCP 服务器通过 stdio 运行，因此调试可能具有挑战性。 为了获得最佳的调试 体验，我们强烈建议使用 MCP Inspector。

您可以通过 npm 使用以下命令启动 MCP Inspector：

npx @modelcontextprotocol/inspector uv --directory C:\Users\YUNYING\Documents\project\python\mcp\playwright-server run playwright-server

启动后，Inspector 将显示一个 URL，您可以在浏览器中访问该 URL 以开始调试。