playwright-server MCP 服务器

一个带有 Playwright 工具的 MCP 服务器

组件

资源

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

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

提示

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

• summarize-notes: 创建所有已存储笔记的摘要
  • 可选的 "style" 参数以控制详细程度（简要/详细）
  • 生成结合了所有当前笔记及风格偏好的提示

工具

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

• 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

开发

构建和发布

为准备分发包，请执行以下步骤：

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

uv sync

1. 构建包的发行版：

uv build

这将在 dist/ 目录中创建源码和 wheel 发行版。

1. 发布到 PyPI：

uv publish

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

• 令牌：--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 来开始调试。