Playwright CLI 完整指南30秒上手录制、截图与选择器自动化【免费下载链接】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 是 Playwright 官方出的免费命令行工具浏览器自动化、元素定位、网页截图与 PDF 导出一句话搞定既能手动执行也能直接喂给编码代理适合刚接触自动化测试的新手和天天和 Web 测试打交道的一线开发者。 装好环境只需一条命令前提是 Node.js 18 以上版本不够先升级后面所有命令都会卡住。npm install -g playwright/clilatest注意别装到旧的playwright-cli包旧包已迁移进 Playwright 主生态。装错会看到 has moved 的提示。拿不准就先npx playwright cli在项目里临时调用跑通了再全局安装。装完跑一遍playwright-cli --version有版本号输出就齐活了。 先拍快照再用编号点元素要操作页面上的按钮、输入框第一步不是手写 CSS 选择器而是给页面拍快照。先打开页面默认是无头模式加--headed就能看到浏览器窗口playwright-cli open https://demo.playwright.dev/todomvc/ --headed接着拍快照playwright-cli snapshot输出里每个可交互元素都带一个短编号e15、e34这种。点按钮不用纠结选择器写法playwright-cli click e15编号直接来自你眼前的快照所见即所得。想要能粘进正式测试脚本的定位符换一条命令playwright-cli generate-locator e15拿到的是 Playwright locator 本身直接进自动化测试代码。想边操作边出代码同生态的录制工具codegen可以图形化回放你的每一步操作自动输出测试脚本新手入门阶段很好用。 登录态别丢会话别串浏览器配置默认放内存里关掉就没了登录态跟着一起蒸发。跑登录流程前先把状态存盘playwright-cli state-save state.json下次开新会话state-load state.json一步恢复省掉重复登录。同时维护多个项目时用-s给会话起名字各开各的浏览器实例互不干扰playwright-cli list随时查看当前有哪些会话。 把浏览器交给编码代理这是这个 CLI 最省心的用法。你不用教代理每条命令它自己会读playwright-cli --help学全用法。给它一段自然语言任务它自己打开页面、填表、勾选、出截图你只验收结果用 playwright-cli 测一遍 todo 页面的新增条目流程 成功和失败的场景都留截图。仓库里的skills/playwright-cli/references/目录放着一整套任务参考文档覆盖请求 mock、trace 录制、视频录制、存储状态等主题需要哪个翻哪个。 卡住时按这份清单排错症状终端提示找不到playwright-cli。原因没装到全局或 Node 版本低于 18。解法先跑node -v查版本确认装完后检查全局 bin 目录是否在 PATH 里。症状命令都执行了就是看不到浏览器。原因默认 headless 无头模式。解法open加--headed。症状click报元素超时。原因页面重新渲染后快照里的编号会失效。解法重新snapshot用新编号再点。症状换台机器跑登录态全没了。原因状态只在内存里。解法state-save存盘跨机器、跨会话都能复用。症状浏览器进程卡死不响应。原因残留会话占着进程。解法close-all正常关闭kill-all强杀。 下一步就三件事完整命令表playwright-cli --help一条命令全列出来不翻手册。任务参考文档仓库内skills/playwright-cli/references/按主题查。项目信息Apache-2.0 开源协议Microsoft 维护源码在 Playwright 官方主仓库中。现在打开终端跑安装命令再打开一个你天天用的页面走完打开 → 快照 → 点击 → 截图一整圈。一遍下来这个工具你就用顺了。【免费下载链接】playwright-cliCLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.项目地址: https://gitcode.com/GitHub_Trending/pl/playwright-cli创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
