MCP Playwright

🚀 Playwright MCP 服務器 🎭

Playwright MCP 服務器是一個基於 Playwright 的 Model Context Protocol（模型上下文協議）服務器，具備強大的瀏覽器自動化能力。它能讓大語言模型（LLMs）在真實的瀏覽器環境中，與網頁交互、截取屏幕、生成測試代碼、抓取網頁內容以及執行 JavaScript。

🚀 快速開始

Playwright MCP 服務器為大語言模型與網頁的交互提供了便利，藉助它可以輕鬆實現多種瀏覽器自動化操作。

✨ 主要特性

• 支持大語言模型（LLMs）與網頁進行交互。
• 能夠截取屏幕、生成測試代碼、抓取網頁內容並執行 JavaScript。
• 所有操作均在真實的瀏覽器環境中進行。

📦 安裝指南

您可以使用以下多種方式安裝 Playwright MCP 服務器：

使用 npm

npm install -g @executeautomation/playwright-mcp-server

使用 mcp-get

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

使用 Smithery

要通過 Smithery 自動安裝 Playwright MCP 對於 Claude Desktop：

npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude

在 VS Code 中安裝

在 VS Code 中使用以下按鈕之一安裝 Playwright MCP 服務器：

# 在 VS Code 中使用以下命令進行安裝：
# 打開終端並運行：
# 複製以下內容到終端：
command: "extension install"
args: ["https://marketplace.visualstudio.com/items?itemName=vscode_extensions.reposoup.badge_install_now"]

💻 使用示例

暫未提供代碼示例，若有相關需求可參考文檔進一步探索。

📚 詳細文檔

官方文檔 提供了關於 Playwright MCP 服務器的詳細說明，您可以從中獲取更多信息。

🔧 技術細節

配置

在 Claude Desktop 中配置 Playwright 服務器：

# 在 Claude Desktop 中進行如下配置：
{
  "playwright": {
    "server": "@executeautomation/playwright-mcp-server"
  }
}

測試

使用 Jest 進行測試，並提供以下運行命令：

npm test
npm run test
yarn test

🌟 星曆史

🔍 截圖

📄 相關鏈接

• 文檔
• API 參考