浏览器与测试 · Microsoft 官方仓库

Playwright MCP

让编码助手通过结构化页面信息执行浏览器检查、交互和回归验证。

CodexClaude Codestdio
已核验查看接入方法 支持 Codex、Claude Code 等平台

Playwright MCP 是什么?

Playwright MCP 是微软推出的浏览器自动化 MCP 服务器。接入 Codex 后,Codex 可以打开真实网页、识别按钮和输入框、执行点击与输入、切换桌面和手机视口,并把页面结构、截图和运行结果带回当前任务。它适合网页验收、交互排错和回归测试,不是普通搜索工具。

一句话理解让编码助手通过结构化页面信息执行浏览器检查、交互和回归验证。

为什么需要它?

把“打开页面看看”变成可重复的导航、点击、表单、截图和日志检查流程。

接入前,AI 只能依赖你粘贴的材料、截图或旧上下文;接入后,它可以在你授权的范围内调用真实工具,并把结果、来源和状态带回当前任务。

核心能力

01
读取页面可访问性结构并定位元素

把真实信息带回当前任务,减少反复复制和手动核对。

02
执行导航、点击、输入和截图

在明确授权范围内调用工具,并保留执行过程和结果。

03
检查响应式页面与浏览器运行时状态

回读来源、状态与限制,方便继续处理和人工验收。

适合谁?怎么用?

适合使用
  • 检查网页能不能打开、点击和提交
  • 需要检查本地网站、复现交互问题、采集页面状态或验证修复结果的开发与运营人员。
  • 能看到目标 URL、关键元素和截图;没有把测试操作误当成真实发布。
不适合
  • 不适合直接连接带支付、生产账号或敏感 Cookie 的日常浏览器。
  • 可读取浏览器中显示的页面内容
  • 可代表用户点击、输入和跳转

怎么接入?

  1. 1
    准备

    确认 Node.js 与 npx 可用,并使用独立测试浏览器配置。

  2. 2
    授权

    在 Codex 终端运行 codex mcp add playwright -- npx -y @playwright/mcp@latest;其他客户端请按各自官方配置格式登记。

  3. 3
    连接

    重新加载客户端并运行 codex mcp list,确认 Playwright 已出现。

  4. 4
    开始使用

    打开无登录态测试页,读取页面结构验证连接。

安装命令

添加 Playwright MCP

codex mcp add playwright -- npx -y @playwright/mcp@latest

在 PowerShell、Windows Terminal 或 macOS/Linux 终端运行。需要 Node.js 和 npx。

检查命令

确认 MCP 已经登记

codex mcp list

接入前准备

  • 可运行 Node.js 与 npx 的本地环境
  • 由使用者明确允许访问的测试页面
  • 独立测试浏览器或低风险浏览器配置

官方帮助

官方文档与仓库Microsoft 官方仓库问题反馈在 GitHub Issues 获取帮助

第一次调用示例

登记完成后,新开一个任务,先用下面这句做只读验证,把目标、范围和停止条件一次说清楚。

发给 Codex

第一次只读任务

请用 Playwright MCP 打开我的本地预览,检查首页、移动端菜单和搜索是否正常,只读并截图。
怎样算成功

能看到目标 URL、关键元素和截图;没有把测试操作误当成真实发布。

  1. 先让工具读取页面结构和当前 URL。
  2. 执行一次点击或输入并保存截图。
  3. 检查控制台、网络或页面状态是否符合预期。
  4. 在新视口重复关键流程并回读结果。

权限与安全

凭证与连接方式

本地 stdio;首次建议使用独立测试浏览器,不需要把个人登录态带进去。

  • 可读取浏览器中显示的页面内容
  • 可代表用户点击、输入和跳转
  • 不要连接含生产账号、支付或敏感会话的日常浏览器配置

用小贺API和 MCP,把真实工具接进工作流

从一个 MCP、一个只读任务开始,先把连接、权限和结果验证清楚。

多平台支持兼容主流 MCP 客户端接入方法清楚命令与自助指令分开权限边界明确先只读再扩大范围
进入小贺API