Playwright Plus

🚀 Playwright 服務器 MCP 服務

這是一個集成了 MCP 工具的 Playwright 服務器，可實現筆記存儲、頁面操作等功能。

🚀 快速開始

你可以通過以下鏈接訪問相關服務：

• A Playwright server with MCP tools
• https://glama.ai/mcp/servers/c50bsocgzb
• https://smithery.ai/server/@williamvd4/playwright-plus-python-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_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