Playwright 浏览器自动化 MCP

这个 Agent 能做什么，适合哪些场景？

Playwright MCP 是一个基于 Playwright 的 Model Context Protocol（MCP）服务器，让 LLM 通过结构化的无障碍快照与网页交互。默认安装方式是用 npx 启动 @playwright/mcp，客户端通过 MCP 调用浏览器工具。核心工具涵盖页面导航、快照、点击、表单填写、标签页管理，以及查看控制台和网络请求。浏览器可使用持久化配置、隔离会话或浏览器扩展连接现有会话；也可通过 HTTP/SSE 运行独立服务器，或在代码中创建连接。运行需要 Node.js 18 或更新版本，README 列出多种 MCP 客户端；服务器本身不构成安全边界。

客户端启动服务器后，Playwright MCP 使用 Playwright 操作浏览器，并将页面的无障碍结构作为快照返回，供后续工具调用定位目标。browser_navigate 打开 URL，browser_snapshot 获取页面快照，browser_click、browser_fill_form 和 browser_type 执行交互；browser_tabs 管理标签页。还可读取控制台消息和网络请求，并通过可选能力启用网络路由、存储管理或 DevTools 工具。操作结果以文本快照、消息或按配置保存的文件返回；截图工具也可返回页面图像。

1. 开发者让支持 MCP 的编码客户端打开本地或线上页面，并依据无障碍快照定位和操作控件。
2. 测试工程师在隔离浏览器会话中执行表单流程，并使用存储状态文件提供初始 cookies 与本地存储。
3. 排查人员查看浏览器控制台消息或列出页面发出的网络请求，以调查交互问题。
4. 自动化团队通过可选网络能力模拟 API 响应、切换离线状态并检查活动路由。
5. 需要复用已登录浏览器会话的用户，通过 Playwright 扩展连接现有 Edge 或 Chrome 实例。

如何安装或部署这个 Agent？

需要 Node.js 18 或更新版本，以及一个 MCP 客户端。标准配置通过 npx 启动服务器，无需在配置中填写凭据：

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

Codex CLI 也可用以下命令添加：

codex mcp add playwright npx "@playwright/mcp@latest"

首次启动时，客户端运行该配置并连接 Playwright MCP；浏览器会按默认配置启动。

如何使用这个 Agent？

在 MCP 客户端中启动名为 playwright 的服务器。先用 browser_navigate 打开目标 URL，再用 browser_snapshot 读取页面结构；从快照中选取目标引用后，调用 browser_click、browser_fill_form 或 browser_type 执行操作。需要独立 HTTP 服务时，可运行：

npx @playwright/mcp@latest --port 8931

客户端可配置连接其 MCP 端点：

{
  "mcpServers": {
    "playwright": {
      "url": "http://localhost:8931/mcp"
    }
  }
}

需要临时隔离会话时，可在启动参数中添加 --isolated；需要启用额外工具能力时，可使用 --caps 配置相应能力。

这个 Agent 有哪些优点和局限？

这个 Agent 与同类方案有什么区别？

与相关度最高的同类 agent 并排比较关键指标。

FollowAgents 如何评估这个 Agent？

常见问题