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 并在控制台输出你好世界。"

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

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

相关推荐
Light607 小时前
【MCP原生时代】第2篇|前端如何舞动 MCP:新一代交互范式——从 Hook 到流式渲染,打造 AI 原生前端体验
状态模式·前端架构·mcp·react hook·流式渲染·ai交互
渣渣苏1 天前
MCP实战指南
mcp
爬点儿啥2 天前
[Ai Agent] 10 MCP基础:快速编写你自己的MCP服务器(Server)
人工智能·ai·langchain·agent·transport·mcp
小鱼儿亮亮2 天前
Agents SDK+MCP智能体开发
agent·mcp
KotlinKUG贵州3 天前
Kotlin/Ktor 实践:利用 MCP 从零打造 AI Agent 服务端指南
kotlin·agent·mcp
天天扭码3 天前
深入MCP本质——编写自定义MCP Server并通过Cursor调用
前端·mcp
天天扭码3 天前
解放双手!使用Cursor+Figma MCP 高效还原响应式设计稿
前端·mcp
小小工匠3 天前
LLM - MCP Powered Agent_从工具失配到架构重构的实战指南
agent·mcp·千具之痛
Thomas_Cai3 天前
MCP服务创建指南
人工智能·大模型·agent·智能体·mcp
栗子叶3 天前
Spring AI MCP Server接入百炼问题排查
spring ai·mcp·百炼·获取工具异常