Microsoft 官方出品的 Playwright MCP Server,36k Star,Apache-2.0 协议,npm 包名 @playwright/mcp。让 LLM 通过 Model Context Protocol 操控浏览
本资源包含什么
完整 TypeScript 源码:来自 GitHub
microsoft/playwright-mcpmain 分支(版本 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-core1.63.0-alpha-2026-08-05,调用浏览器自动化 API。Dockerfile:
Dockerfile2.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大模型、程序工具仅作技术科普部署教程使用,不直接存储原版版权文件。
所有第三方资源的知识产权、开源协议、商用授权规则均归原开发团队所有。
使用者下载、部署、二次开发必须严格遵守国家著作权相关法律法规,以及资源官方许可协议,如需商业运营,务必向版权方申请合法授权。
因用户私自商用、违规分发资源造成的法律纠纷与经济损失,全部由使用者自行承担,本站不承担连带责任。