mcp-playwright测评

mcp-playwright介绍

mcp-playwright是一个使用 Playwright 提供浏览器自动化能力的模型上下文协议服务器。该服务器使 LLMs 能够与网页交互、截屏,并在真实的浏览器环境中执行 JavaScript。

GitHub地址:github.com/executeauto...

安装

bash 复制代码
npm install -g @executeautomation/playwright-mcp-server

Claude Desktop 配置:

perl 复制代码
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

但是这样配置在Cline中会报错,如下所示:

修改为如下所示即可:

perl 复制代码
 "playwright": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "@executeautomation/playwright-mcp-server"
      ]
    }

现在看一下mcp-playwright提供的所有功能。

实践

现在开始测试一下mcp-playwright提供的几个工具。

模型使用的是Qwen/Qwen2.5-72B-Instruct。

playwright_navigate

页面导航功能。

任务:"使用mcp服务器导航至github.com/executeauto..."

效果:

playwright_screenshot

屏幕截图功能。

效果:

playwright_click

点击元素功能。

比如点击Issues 按钮。

playwright_fill

填写输入字段功能。

Task:"使用MCP服务器导航至www.google.com.hk/index.html 并在搜索框输入你好。"

playwright_evaluate

执行js代码。

Task:"使用MCP服务器导航至www.google.com.hk/index.html 并在控制台输出你好世界。"

剩下的工具我就不一个个试了。

具体使用场景我也还不了解,但是毕竟是个新项目,看看这个项目的发展吧!!

相关推荐
Blacol16 小时前
【MCP】Caldav个人日程助手
人工智能·mcp
Elastic 中国社区官方博客17 小时前
如何在 vscode 里配置 MCP 并连接到 Elasticsearch
大数据·人工智能·vscode·elasticsearch·搜索引擎·ai·mcp
明辰之林17 小时前
开发你的第一个MCP
mcp
Cosmoshhhyyy19 小时前
MCP:cursor、claude code接入chrome-devtools-mcp。
ai·mcp
-D调定义之崽崽1 天前
【初学】使用 node 编写 MCP Server
typescript·node·mcp
wuhanwhite2 天前
在 Trae 国际版中添加 Chrome Dev MCP Server(Windows 实战指南)
mcp
晨启AI2 天前
Claude Code 实战指南(三):AI辅助开发工作流 Spec Workflow MCP教程
ai·实战·mcp·claude code
SelectDB技术团队2 天前
Apache Doris 4.0 AI 能力揭秘(二):为企业级应用而生的 AI 函数设计与实践
数据库·人工智能·apache·olap·mcp
不老刘3 天前
谷歌官方 Chrome DevTools MCP 正式发布
chrome·chrome devtools·mcp
中国胖子风清扬3 天前
Rust MCP:构建智能上下文协议的未来桥梁
后端·ai·rust·ai编程·language model·ai-native·mcp