Playwright 从入门到安装：最全中文教程（2026 最新版）

Playwright 是微软推出的跨浏览器自动化测试工具，支持 Chromium、Firefox、WebKit 三大内核，可实现 UI 自动化、爬虫、端到端测试、页面截图 / 录屏等功能，是前端、测试、爬虫开发者的必备工具。

🎯 Playwright 功能总结

📋 核心功能

Playwright 是微软开发的现代化端到端测试框架：

功能类别	具体功能	说明
浏览器支持	多浏览器	Chrome, Firefox, Safari, Edge
测试能力	端到端测试	模拟真实用户操作
自动化	网页自动化	自动点击、填写表单、截图等
调试工具	可视化调试	支持断点、网络监控、性能分析
CI/CD集成	持续集成	支持 GitHub Actions、Jenkins 等

🚀 主要用途

1. 自动化测试

   • UI 功能测试
   • 回归测试
   • 跨浏览器兼容性测试

2. 网页爬虫

   • 动态内容抓取
   • 登录后数据提取

3. 性能测试

   • 页面加载性能
   • 网络请求分析

---

📦 安装过程(可能有坑，版本过高，国内镜像源无法下载对应的浏览器，此时需要降级）

pnpm remove @playwright/test && pnpm add -D @playwright/test@1.40.0

PLAYWRIGHT_DOWNLOAD_HOST=https://registry.npmmirror.com/-/binary/playwright npx playwright install chromium --force

✅

步骤	操作	结果
1️⃣	降级 Playwright 版本	从 1.58.2 → 1.40.0
2️⃣	配置国内镜像源	使用 registry.npmmirror.com
3️⃣	安装浏览器	下载 Chromium 120.0.6099.28
4️⃣	安装依赖	FFMPEG 支持

⚡ 优化效果

对比项目	原版方案	优化方案
下载速度	超慢 (17424.8s)	超快 (13.2s)
镜像源	官方 CDN	国内 npm 镜像
版本	最新版 (1.58.2)	稳定版 (1.40.0)
成功率	网络问题多	100% 成功

💡 关键优化

1. 版本降级 - 低版本更稳定，国内镜像源更全
2. 镜像源切换 - 使用 https://registry.npmmirror.com/-/binary/playwright
3. 只安装 Chromium - 避免下载其他浏览器，节省时间

---