Playwright CLI：打开浏览器、点击、截图的无代码网页自动化命令行

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上周五晚上你被要求验证结算页在三种浏览器里的表现。你手动打开 Chrome、Firefox、Safari逐个填表、点击、截图半小时过去了第一个场景还没跑完。Playwright CLI 可以把这些操作直接写成 shell 命令打开页面、点击按钮、截图保存不需要写一行脚本。定位一句话无代码网页自动化 CLIPlaywright CLI 是 Microsoft Playwright 项目下的命令行工具你在终端敲一条命令浏览器就在后台干活每条命令执行后都会把页面状态以带编号的快照形式返回给你。核心能力浏览器操作open、goto、go-back、reload、多标签页管理每条一行命令。元素操作snapshot 给页面元素编号e1、e2……click、fill、check、drag 都能按编号执行。结果导出截图支持高清、PDF、快照文件文件名与保存位置可控。状态管理cookie、localStorage 可保存与恢复登录态不用反复输入命名会话可让多个项目各开各的浏览器实例。AI agent 协作可安装为 SkillClaude Code 这类编码 agent 能直接调用它驱动浏览器。快照就像页面的座位图你按编号找到座位再对编号下命令。页面一变座位图就重新编号这是后面反复用到的核心机制。安装与验证一条 npm 命令到第一张截图前置条件是 Node.js 18 或更高版本。全局安装npm install -g playwright/clilatest验证安装运行playwright-cli --help能看到完整命令列表即装好。如果机器没有全局安装权限公司环境常见也可以在已依赖 Playwright 的项目里用本地版本把命令换成npx playwright cli即可。首跑打开一个页面并截图playwright-cli open https://example.com playwright-cli screenshot playwright-cli close执行后你会得到浏览器在后台打开 example.com工作目录下出现.playwright-cli子目录里面是时间戳命名的截图和页面结构快照文件想自己定文件名加--filenamepage.png。高频使用场景网页截图命令把页面存成图片或 PDF能做什么对当前页截图按高分辨率导出并顺手出一份 PDF。playwright-cli open https://example.com playwright-cli screenshot --filenamepage.png --hires playwright-cli pdf --filenamepage.pdf playwright-cli close你会得到什么page.png 与 page.pdf 两个文件名可控的产物--hires按设备像素比截图放大后文字不糊。跨浏览器测试登录态复用验证同一流程能做什么登录一次表单保存登录态之后在不同浏览器引擎里复用。playwright-cli open https://example.com/login playwright-cli snapshot playwright-cli fill e5 userexample.com playwright-cli fill e6 password123 --submit playwright-cli state-save auth.json playwright-cli close你会得到什么含元素编号的快照文件e5/e6 仅为示意以实际 snapshot 为准--submit在填完后自动按回车提交auth.json 里存了 cookie 与 localStorage。复跑时先加--browserfirefox或--browserwebkit开页再state-load auth.json跳过登录就能用同一流程做跨浏览器测试。网页数据抓取--raw 输出直接进文件能做什么在页面上执行一小段 JS 提取文本输出里只留数据本身。playwright-cli open https://example.com playwright-cli --raw eval JSON.stringify([...document.querySelectorAll(h2)].map(t t.textContent)) titles.json playwright-cli close你会得到什么titles.json 里只有一个干净的 JSON 数组。--raw相当于一个只留数据、丢掉寒暄的过滤器可以直接接 jq、diff 这类工具。常用参数速查表参数作用示例--headed显示浏览器窗口默认无头playwright-cli open --headed--browserfirefox选择引擎chromium / firefox / webkit / chrome / msedgeplaywright-cli open --browserwebkit-sname在命名会话中执行隔离多个浏览器playwright-cli -stodo open example.com--persistent配置存盘重启浏览器后保留登录态playwright-cli open --persistent--filenamepage.png指定 screenshot / pdf 输出文件名playwright-cli screenshot --filenamepage.png--hires按设备像素比截高清图playwright-cli screenshot --hires--raw只输出结果值便于管道给其他命令playwright-cli --raw eval document.title--json输出包装成 JSONplaywright-cli list --json--configfile.json加载 JSON 配置默认读.playwright/cli.config.jsonplaywright-cli open --configci.json新手常见坑现象、原因与处理现象用 e 编号点击报错或点到别处。原因编号来自最近一次快照页面变化后即失效。处理操作前先重新snapshot取新编号。现象看不到浏览器窗口以为卡死。原因Playwright CLI 默认无头浏览器在后台跑。处理open时加--headed。现象第二天重跑登录态丢了。原因默认配置只存在于内存浏览器关闭即丢。处理open加--persistent或用state-save/state-load显式导出与恢复。现象仅 WindowsURL 在处被截断。原因cmd 和 PowerShell 把当作命令分隔符。处理cmd 里转义成^PowerShell 用--%。周边生态与延伸README.md完整命令清单与配置文件 schema查参数首选。skills/playwright-cli/SKILL.mdAI 编码 agent 加载的 Skill 文件所有命令与完整示例都在这里。skills/playwright-cli/references/按任务拆分的指南覆盖请求 mock、视频录制、tracing、会话管理等。CONTRIBUTING.md想改源码先读提交规范与分支约定。Playwright CLI 把打开页面、做点操作、导出证据压缩成一条 shell产物永远是你存得下、发得出、能 diff 的文件。最小的下一步装好后挑一个你经常要核对的页面跑一遍截图下次再被要截图证据时你十秒内就能交差。【免费下载链接】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），仅供参考