Playwright 服务器 MCP 服务

A Playwright server with MCP tools

组件

资源

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

• 自定义的 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_element_attribute：获取元素的属性值。
  • 需要两个参数：selector（字符串，指定元素的 CSS 选择器）和 attribute_name（字符串，指定要获取的属性名称）。
  • 返回指定元素的属性值。

配置

MCP Desktop 配置路径

Windows：%APPDATA%\MCP\config.json  
Linux：~/.config/MCP/config.json  

开发信息

发布步骤

1. 运行 uv build 命令进行构建。
2. 执行 uv package 生成发布包。
3. 使用 uv install 安装服务。

调试方法

执行以下命令启动调试：

npm run dev

配置示例

MCP Desktop 示例路径

{
  "playwright_server": {
    "enabled": true,
    "path": "C:/Users/Administrator/AppData/MCP/config.json"
  }
}

MCP Inspector 示例命令

npm run dev -- --port 9234

以上是完整翻译后的内容。