Playwright MCP AI实现自动化UI测试

依米阳光082026-02-07 21:58

在 AI 驱动的时代，浏览器自动化不再局限于代码编写；借助 Playwright 与 MCP 协议的结合，我们可以通过对话直接操控浏览器，效率提升可达数倍，人人都能轻松上手。

Playwright MCP 安装与快速上手指南

环境准备

1，已安装 Node.js 18+（用于 Playwright MCP）
2，安装 Playwright

pip install playwright

python -m playwright install
3，已安装支持 MCP 的 AI 客户端（如 Cursor / Claude Desktop / ChatGPT Desktop/Trae）
4，部署 MCP Server
使用 Playwright 官方 MCP 包

npx @playwright/mcp@latest

** 安装playwright所需的浏览器及依赖**

npx playwright install --with-deps`
或全局安装后启动

npm install -g @playwright/mcp

npx @playwright/mcp@latest

客户端接入（以 Trae为例）

1，在设置中手动添加mcp
2，添加输入json配置

json配置如下：

bash 复制代码

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

3，mcp启动成功之后，光标放到 mcp 上面才会显示授权信息，授权给 SOLO 即可

4，使用solo打开会话

告诉 SOLO 启动浏览器，就可以自动操作浏览器了

运行截图如下