microsoft playwright-mcp 微软官方 Playwright MCP Server,LLM 浏览器自动化 36k Star

Microsoft 官方出品的 Playwright MCP Server,36k Star,Apache-2.0 协议,npm 包名 @playwright/mcp。让 LLM 通过 Model Context Protocol 操控浏览

本资源包含什么

  • 完整 TypeScript 源码:来自 GitHub microsoft/playwright-mcp main 分支(版本 0.0.79,2026-08-07),含 src/(核心实现)+ index.js(入口)+ cli.js(CLI)+ config.d.ts(类型定义 7.7 KB)+ index.d.ts + server.json(MCP 元数据)。

  • Node.js MCP 服务器:基于 @modelcontextprotocol/sdk 实现 Model Context Protocol,Node.js 18+。

  • Playwright 1.63 集成playwright + playwright-core 1.63.0-alpha-2026-08-05,调用浏览器自动化 API。

  • DockerfileDockerfile 2.2 KB,支持 docker build/run。

  • 配置文件playwright.config.ts(Playwright 测试配置)+ package.json(npm 包 @playwright/mcp)。

  • 工具脚本roll.js(依赖打包)+ update-readme.js(README 自动生成)。

  • 官方文档README.md(62 KB 完整用户手册)+ CONTRIBUTING.md(6.7 KB)+ SECURITY.md(2.7 KB)+ CLAUDE.md(1.4 KB)+ LICENSE(Apache-2.0)。

核心能力

  • MCP Server 协议:标准 Model Context Protocol 实现,可被任何支持 MCP 的客户端加载。

  • 结构化 a11y snapshot:基于 Playwright accessibility tree(不是截图),免 vision model,token 友好。

  • Deterministic tool 应用:避开截图模型的歧义,每个 tool 输出可预测。

  • 多客户端兼容:VS Code / Cursor / Windsurf / Claude Desktop / Goose / Grok / Junie + 任意 MCP client。

  • 浏览器全支持:Chromium / Firefox / WebKit,三大引擎全部覆盖。

  • Docker 部署:官方 Dockerfile + docker run 一键拉起。

  • CLI 入口npx @playwright/mcp@latest 即可启动。

本资源包不含什么

  • 编译产物(已剔 node_modules/dist/build/

  • 测试套件(已剔 tests/ + playwright.config.ts

  • 大型 lockfile(已剔 package-lock.json,npm install 自动生成)

  • CI / 开发容器配置(已剔 .github/.azure-pipelines/.devcontainer/.claude/.vscode/

资源包大小

压缩后约 0.04 MB,解压后约 0.11 MB / 20 个文件

启动运行(VS Code 一键接入)

# 1. 在 VS Code 中按 Ctrl+Shift+P
# 2. 输入 "MCP: Add server"
# 3. 配置:
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}
# 4. 打开 Copilot Chat,输入 "Open https://example.com"

启动运行(Claude Desktop)

# 编辑 ~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}
# 重启 Claude Desktop,工具列表里会出现 playwright_* 工具

安装编译依赖

  • Node.js 18+engines.node 锁定)

  • npm 9+ 或 pnpm / yarn

  • Playwright 1.63 浏览器(npx playwright install 自动下载 Chromium / Firefox / WebKit)

  • 任意 MCP 客户端(VS Code / Cursor / Claude Desktop)

典型使用场景

  • Web 自动化测试:让 LLM 帮你跑 E2E 测试,自动填写表单 / 点击按钮 / 验证结果。

  • 网页数据抓取:让 AI agent 抓取商品页 / 文章 / 价格,写入 CSV。

  • 前端开发辅助:让 Claude / Cursor 打开本地 dev server,自测页面,截图反馈。

  • Bot 流程自动化:用 MCP 协议让多个 AI agent 协同操作浏览器(无人值守 long-running workflow)。

适用人群

  • 前端工程师:让 AI 帮你打开浏览器测 bug / 自动截图。

  • 测试工程师:让 LLM 跑 E2E 测试,比传统 Selenium / Cypress 更智能。

  • AI agent 开发者:基于 MCP 协议构建生产级浏览器自动化。

  • 做技术选型:评估 playwright-mcp vs Browser-Use / Skyvern / OpenAI Operator。

质量承诺

本资源包内源码全部来自 microsoft/playwright-mcp 官方 GitHub 仓库(Apache-2.0 协议),版本 0.0.79,2026-08-07 最新版本,经本地解压验证:含 src 核心 + cli 入口 + docker 一键部署 + 完整 README。用户解压后 npm install && npx playwright install 即可启动 MCP Server,配置到 VS Code / Claude Desktop 即可使用。

版权声明

本站文字内容为原创编撰或者网络搜集整理,受著作权保护,禁止未经授权批量采集转载。

本站分享的各类源码、AI大模型、程序工具仅作技术科普部署教程使用,不直接存储原版版权文件。

所有第三方资源的知识产权、开源协议、商用授权规则均归原开发团队所有。

使用者下载、部署、二次开发必须严格遵守国家著作权相关法律法规,以及资源官方许可协议,如需商业运营,务必向版权方申请合法授权。

因用户私自商用、违规分发资源造成的法律纠纷与经济损失,全部由使用者自行承担,本站不承担连带责任。

转载请说明出处 内容投诉
素材市场 » microsoft playwright-mcp 微软官方 Playwright MCP Server,LLM 浏览器自动化 36k Star

发表评论

您需要后才能发表评论

一个令你着迷的主题!

点击下载 VIP购买