5 分钟跑通 Playwright CLI 第一份自动化结果从安装到截图【免费下载链接】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 把开页面、定位元素、出截图搬进终端浏览器状态在多条命令之间保持。读完这篇你能打开一个页面并截出第一张图。 它到底帮你省了什么事以前查选择器要开开发者工具悬停手敲现在终端一条命令直接输出可用的定位器按角色或文本描述元素的方式比写 CSS 路径稳。 以前截图要写脚本现在一条命令直接出图片文件。 登录态和 Cookie 在多条命令之间保持不用每步都重新登录。⚡ 30 秒装好先跑一条命令第一条把 CLI 装成全局命令要求 Node.js 18 及以上第二条列出全部可用命令npm install -g playwright/clilatest playwright-cli --help终端打出完整命令清单说明装好了不想全局装项目里用npx playwright cli效果一样。 ⚠️ 注意npm 包名是playwright/cliplaywright-cli只是装完后的命令名别按老包名去装。接着跑第一条真实命令用可见的浏览器打开官方 todo 演示页playwright-cli open https://demo.playwright.dev/todomvc/ --headed跑完会弹出一个浏览器窗口终端同时回传页面快照元素带 e15、e21 这样的编号这些编号就是后续所有操作的入口。 跟着一条工作流走定位、操作、出选择器、出图下面走一遍完整流程先找到要操作的元素完成操作把元素换成稳定选择器最后出图留证据。上一步的输出就是下一步的输入四条命令串起来就是一次最小可用的自动化流程任何一步失败当时的页面快照都留在终端里方便排查。从快照拿元素编号上一步打印的快照里有页面全部元素只想找某个按钮的文本时用这条playwright-cli find Add跑完会返回匹配节点及几行上下文记下这个元素的 ref引用编号。完成一次待办添加接着把内容打进当前聚焦的输入框回车提交playwright-cli type Buy groceries playwright-cli press Enter跑完页面多出新条目命令回传的快照里能确认操作生效。把元素换成稳定选择器ref 只在当前会话有效写测试脚本要用 locator。拿上一步找到的按钮编号举例playwright-cli generate-locator e21跑完打印一段可直接粘进测试文件的代码不再依赖 e21 这个编号。出截图和 PDF页面状态就位把当前页存成图片和 PDFplaywright-cli screenshot --filenametodo.png playwright-cli pdf --filenametodo.pdf跑完当前目录生成两个文件可直接附进测试报告。⚠️ 容易踩的坑open成功但不出现窗口默认是无头模式后台跑、没有可见窗口open 时加--headed即可。浏览器一关登录态就没了档案默认存在内存里进程结束即丢open 时加--persistent写到磁盘。ref 编号报找不到ref 只对应当前页面状态重新拿一次快照得到新编号再执行操作。想让编码 agent 代劳全部操作直接看 skills/playwright-cli/ 下的技能文档更多命令细节在项目 README里。【免费下载链接】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），仅供参考