MCP Server 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 仓库