GitHub 热门技能 · 深度调研

Playwright CLI

浏览器自动化利器
通过命令行控制浏览器,实现测试、爬虫、自动化工作流程

playwright-cli
$ playwright-cli open https://example.com
# 打开浏览器并导航到指定页面
$ playwright-cli snapshot
# 获取页面快照,识别可交互元素
$ playwright-cli click e15
# 点击快照中标识为 e15 的元素
$ playwright-cli fill e5 "user@example.com" --submit
# 填写表单并自动提交
✓ Page loaded, 3 elements found

核心功能

🎯

元素交互

通过快照获取页面元素引用,精准执行点击、输入、拖拽、选择等操作。 支持 CSS 选择器、角色定位器、测试 ID 等多种定位方式。

$ playwright-cli click e15
$ playwright-cli fill e5 "text"
$ playwright-cli drag e2 e8
📸

快照与截图

获取页面结构化快照,识别所有可交互元素并分配唯一标识。 支持全页截图、元素截图、PDF 导出。

$ playwright-cli snapshot
$ playwright-cli screenshot
$ playwright-cli screenshot e5
$ playwright-cli pdf
🔄

多标签页管理

同时管理多个浏览器标签页,支持新建、切换、关闭操作。 适用于需要跨页面操作的复杂工作流程。

$ playwright-cli tab-new
$ playwright-cli tab-select 0
$ playwright-cli tab-close 2
💾

状态管理

保存和加载浏览器状态,包括 Cookies、LocalStorage、SessionStorage。 实现登录状态持久化,避免重复登录。

$ playwright-cli state-save auth.json
$ playwright-cli state-load auth.json
$ playwright-cli cookie-list
🌐

网络拦截

拦截和模拟网络请求,返回自定义响应。 用于测试 API 依赖、模拟离线场景、Mock 数据。

$ playwright-cli route "**/*.jpg" --status=404
$ playwright-cli route "api/**" --body='{}'
$ playwright-cli unroute
🛠️

开发者工具

访问浏览器 DevTools 功能,查看控制台日志、网络请求、性能追踪。 支持视频录制和交互式 UI 审查。

$ playwright-cli console
$ playwright-cli requests
$ playwright-cli tracing-start
$ playwright-cli show --annotate

适用场景

1

自动化测试

编写端到端测试脚本,模拟用户操作流程,验证页面功能。 支持表单提交、导航、多步骤交互等场景。

2

网页爬虫

自动化采集网页数据,处理动态加载内容、翻页、登录验证。 比传统爬虫更强大,能处理 JavaScript 渲染的页面。

3

表单自动填写

批量填写表单、自动登录、数据录入。 支持文件上传、下拉选择、复选框等复杂表单元素。

4

UI 审查与反馈

使用交互式标注工具审查页面设计,收集用户反馈。 支持截图、标注、区域快照等功能。

5

性能监控

录制性能追踪,分析页面加载时间、资源消耗。 识别性能瓶颈,优化用户体验。

6

自动化工作流

将重复性网页操作脚本化,提高工作效率。 适用于数据迁移、批量操作、定时任务等场景。

工具对比

特性 Playwright CLI Selenium Puppeteer Cypress
多浏览器支持 Chrome, Firefox, WebKit 所有主流浏览器 仅 Chrome 仅 Chrome
命令行优先 原生 CLI 需要绑定语言 需要 Node.js 需要 Node.js
自动等待 内置 需要手动等待 内置 内置
网络拦截 强大 有限 强大 强大
多标签页 完整支持 支持 支持 有限
视频录制 内置 需要插件 需要插件 内置
学习曲线

快速开始

1

安装

$ npm install -g @playwright/cli
2

打开浏览器

$ playwright-cli open
3

导航到页面

$ playwright-cli goto https://example.com
4

获取快照

$ playwright-cli snapshot
5

交互操作

$ playwright-cli click e15
6

关闭浏览器

$ playwright-cli close

为什么选择 Playwright CLI?

Playwright CLI 将浏览器自动化的能力带到命令行
让复杂的网页操作变得简单高效
无论是测试、爬虫、自动化工作流,还是 UI 审查,它都能胜任
基于微软 Playwright 框架,拥有出色的稳定性和跨浏览器兼容性

3
浏览器引擎
50+
命令操作
0
依赖代码
应用场景

本报告基于 Playwright CLI · 50+ 命令 · 支持 Chrome/Firefox/WebKit · 生成于 2026.05.29