MCP Server Playwright

MCP Server Playwright

镜像

MCP Playwright

使语言模型能够与网页交互、截屏,并在真实浏览器环境中执行操作。

安装

通过 Smithery 安装 (推荐)

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

手动安装

# 使用 npx
npx @automatalabs/mcp-server-playwright install

# 或使用 mcp-get
npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

安装过程会自动更新 Claude 配置文件。

核心功能

  • 🌐 网页导航

    {
      "url": "https://example.com"
    }
    
  • 📸 屏幕截图

    {
      "name": "my-screenshot",
      "fullPage": true
    }
    
  • 🖱️ 元素交互

    // 点击元素
    {
      "selector": "#button-id"
    }
    
    // 填写表单
    {
      "selector": "#input-field",
      "value": "Hello World"
    }
    
  • 🔧 执行 JavaScript

    {
      "script": "document.title"
    }
    

资源访问

  • 控制台日志: console://logs
  • 屏幕截图: screenshot://<name>

支持的工具

工具功能
playwright_navigate导航到 URL
playwright_screenshot截取屏幕画面
playwright_click / playwright_click_text点击元素
playwright_fill填写表单字段
playwright_evaluate执行 JavaScript
playwright_hover / playwright_hover_text悬停在元素上
playwright_select / playwright_select_text选择下拉选项

详细文档: GitHub 仓库