Playwright CLI 实战：4 条命令跑通你的第一条浏览器自动化

Playwright CLI 实战：4 条命令跑通你的第一条浏览器自动化

【免费下载链接】playwright-cliCLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.项目地址: https://gitcode.com/GitHub_Trending/pl/playwright-cli

Playwright CLI 是一个命令行浏览器自动化工具，把打开网页、点击、输入拆成了可直接敲的命令。你不用搭测试脚手架，也不用等 IDE 起调试器，终端里敲一行命令，浏览器就替你动一下。它适合想让编码代理接管浏览器、或者自己手动验页面的开发者。

🔧 先跑起来：最短路径完成准备

npm install -g @playwright/cli@latest playwright-cli --help

第一条命令全局装好 CLI，给你playwright-cli这个命令；第二条列出全部子命令，先扫一眼地图。

⚠️ 注意：需要 Node.js 18 或更新版本。装完找不到命令，改用npx playwright cli走本地版本。

🎬 场景一：打开页面并完成一轮操作

任务：在待办示例站上录一条 todo 并勾掉它。

playwright-cli open https://demo.playwright.dev/todomvc/ playwright-cli type "Buy groceries" playwright-cli press Enter playwright-cli snapshot

snapshot给你页面的结构化清单，每个元素带一个 ref（如e15），后续命令拿 ref 指向元素，接着playwright-cli check e21就能勾掉一条待办。

⚠️ 注意：默认是无头模式，看不到浏览器窗口。想边操作边看，给open加--headed。

🎬 场景二：抓元素引用与选择器

任务：找到"Add"按钮，拿到能直接写进代码的定位器。

playwright-cli find "Add" playwright-cli generate-locator e15

find在页面快照里按文本搜，返回匹配节点和它的 ref；generate-locator把 ref 转成 Playwright locator，复制走就能写进测试。

⚠️ 注意：ref 来自最近一次快照，刷新或跳转后会失效。重新snapshot再引用。

🎬 场景三：截全页图并导出 PDF

任务：留一张证据图，再存一份 PDF 归档。

playwright-cli screenshot --filename=page.png playwright-cli pdf --filename=page.pdf

--filename=指定落盘文件名，不加就存进.playwright-cli目录，想看清细节再给 screenshot 加--hires。

⚡ 进阶：并行跑多个命名会话

playwright-cli -s=auth open https://example.com/login --persistent playwright-cli list playwright-cli close-all

-s=开一个命名会话，cookie 和存储各自独立；--persistent把 profile 落盘，浏览器关了下次还在；list和close-all管所有会话。

再给个管道技巧：--raw剥掉页面状态只留结果值，方便接其他工具。

playwright-cli --raw eval "document.title"

🧭 去哪继续：文档与资源

• 完整命令表：README.md
• 全部命令带示例：skills/playwright-cli/SKILL.md
• 会话管理细节：skills/playwright-cli/references/session-management.md

想看源码：git clone https://gitcode.com/GitHub_Trending/pl/playwright-cli

打开终端，先敲npm install -g @playwright/cli@latest，两分钟后跑playwright-cli open example.com，看到第一条命令生效。项目由 Microsoft 维护，遵循 Apache-2.0 许可。

【免费下载链接】playwright-cliCLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.项目地址: https://gitcode.com/GitHub_Trending/pl/playwright-cli