使用说明
MCP服务器编剧
目录
特性
- 🌐 完全的浏览器自动化功能
- 📸 整个页面或特定元素的截图
- 🖱️ 全面的网络交互(导航、点击、表单填写)
- 📊 控制台日志监控
- 🔧 浏览器上下文中的JavaScript执行
安装
通过Smithery安装
要通过Smithery自动安装MCP Server Playwright for Claude Desktop,请执行以下操作:
npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude
您可以使用npx或mcp-get安装该软件包:
使用npx:
npx @automatalabs/mcp-server-playwright install
此命令将:
- 检查您的操作系统兼容性(Windows/macOS)
- 创建或更新Claude配置文件
- 配置Playwright服务器集成
配置文件将在以下时间自动创建/更新:
- 窗户:
%APPDATA%\Claude\claude_desktop_config.json - macOS:
~/Library/Application Support/Claude/claude_desktop_config.json
使用mcp get:
npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright
配置
安装过程会自动将以下配置添加到您的Claude配置文件中:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@automatalabs/mcp-server-playwright"]
}
}
}
组件
工具
浏览器导航
导航到浏览器中的任何URL
{
"url": "https://stealthbrowser.cloud"
}
浏览器_屏幕截图
捕获整个页面或特定元素的屏幕截图
{
"name": "screenshot-name", // required
"selector": "#element-id", // optional
"fullPage": true // optional, default: false
}
浏览器点击
使用CSS选择器单击页面上的元素
{
"selector": "#button-id"
}
浏览器链接文本
按文本内容单击页面上的元素
{
"text": "Click me"
}
浏览器切换
使用CSS选择器将鼠标悬停在页面上的元素上
{
"selector": "#menu-item"
}
浏览器覆盖文本
按文本内容将鼠标悬停在页面上的元素上
{
"text": "Hover me"
}
浏览器填充
填写输入字段
{
"selector": "#input-field",
"value": "Hello World"
}
浏览器选择
使用CSS选择器在Select元素中选择一个选项
{
"selector": "#dropdown",
"value": "option-value"
}
浏览器选择文本
按文本内容选择Select元素中的选项
{
"text": "Choose me",
"value": "option-value"
}
浏览器_评估
在浏览器控制台中执行JavaScript
{
"script": "document.title"
}
资源
控制台日志(console://logs)
- 以文本格式访问浏览器控制台输出
- 包括来自浏览器的所有控制台消息
屏幕截图(屏幕截图://)
- 访问捕获的屏幕截图的PNG图像
- 由捕获过程中指定的名称引用
许可证
MIT许可证