Playwright服务器工具

一个集成了Playwright工具的MCP服务器,提供网页自动化操作和笔记存储功能,适用于网页测试和数据抓取场景。

作者 By blackwhite084
本地部署 网页自动化 数据抓取
GitHub

剧作家服务器MCP服务器

\带有剧作家工具的MCP服务器\

Playwright Server MCP server

组件

资源

服务器实现了一个简单的笔记存储系统,包括:

  • 自定义注释://用于访问单个注释的URI方案
  • 每个笔记资源都有一个名称、描述和文本/纯MIME类型

鼓励

服务器提供一个提示:

  • 总结笔记:创建所有存储笔记的摘要

  • 可选的“style”参数,用于控制详细程度(简短/详细)

  • 生成将所有当前注释与样式首选项组合的提示

工具

服务器实现了以下工具:

  • playwright_navigate:导航到指定的URL。如果没有活动会话,此操作将自动创建新会话。

  • 需要a url 参数(字符串)。

  • playwright_screenshot:截取当前页面或特定元素的屏幕截图。

  • 需要a name 屏幕截图文件名的参数(字符串)。

  • 可选的 selector argument(string)为要截图的元素指定CSS选择器。如果没有提供选择器,则会进行全页截图。

  • playwright_click:使用CSS选择器单击页面上的元素。

  • 需要a selector argument(string)用于指定要单击的元素的CSS选择器。

  • playwright_fill:填写输入字段。

  • 需要a selector argument(string)用于指定输入字段的CSS选择器。

  • 需要a value 参数(字符串)指定要填充的值。

  • playwright_evaluate:在浏览器控制台中执行JavaScript代码。

  • 需要a script 参数(字符串)指定要执行的JavaScript代码。

  • playwright_click_text:按文本内容单击页面上的元素。

  • 需要a text argument(string)指定要单击的元素的文本内容。

  • playwright_get_text_content:获取所有可见元素的文本内容。

  • playwright_get_html_content:获取页面的HTML内容。

  • 需要a selector argument(string)用于指定元素的CSS选择器。

配置

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

快速启动

安装

克劳德桌面

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

Development/Unpublished Servers Configuration

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

Published Servers Configuration

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

发展

建筑与出版

准备分发包裹:

  1. 同步依赖关系并更新锁文件:

BASH``` 1uv sync


1. 构建包分发:


BASH```
1uv build

这将在 dist/ 目录。

  1. 发布到PyPI:

BASH``` 1uv publish


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


- 令牌: `--token` 或 `UV_PUBLISH_TOKEN`
- 或用户名/密码: `--username`/`UV_PUBLISH_USERNAME` 和 `--password`/`UV_PUBLISH_PASSWORD`


### 调试


由于MCP服务器在stdio上运行,调试可能具有挑战性。为了达到最佳调试效果
经验,我们强烈建议使用 [MCP检查员](https://github.com/modelcontextprotocol/inspector).


您可以通过以下方式启动MCP检查器 [`npm`](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) 使用此命令:


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

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