1. 命令行使用安装安装浏览器驱动会需要一点时间npminstall-gplaywright/clilatest playwright-cli install-browser这样装完就可以直接命令行使用。如果你想让Claude Code, GitHub Copilot and others 自动使用它。playwright-cliinstall--skillsPSD:\ai_claude_playwright playwright-cliinstall--skills ✅ Workspace initialized at D:\ai_claude_playwright.✅ Skills installed to .claude\skills\playwright-cli.✅ Found msedge,will use it as the default browser.✅ Created default configformsedge at.playwright\cli.config.json.命令行调用默认无头如果需要有头需要加 --headedplaywright-cliopenhttps://demo.playwright.dev/todomvc/--headedplaywright-clitypeBuy groceriesplaywright-cli press Enter playwright-clitypeWater flowersplaywright-cli press Enter playwright-cli check e21 playwright-cli check e35 playwright-cli screenshot2. 在claude客户端使用在项目里可以看出这就是个skill, 可以直接拉下来就想能用了https://github.com/microsoft/playwright-cli/tree/main/skills/playwright-cli3. 使用会话Playwright CLI 默认将浏览器配置保存在内存中。同一会话内的多次 CLI 调用会保留 Cookie 与存储状态但浏览器关闭后丢失。使用 --persistent 可将配置保存到磁盘实现跨重启持久化。你可以为不同项目使用不同浏览器实例通过 -s 指定会话playwright-cliopenhttps://playwright.dev playwright-cli-sexampleopenhttps://example.com--persistentplaywright-cli list也可通过环境变量指定会话PLAYWRIGHT_CLI_SESSIONtodo-app claude.会话管理命令playwright-cli list# 列出所有会话playwright-cli close-all# 关闭所有浏览器playwright-cli kill-all# 强制终止所有浏览器进程监控面板使用 playwright-cli show 打开可视化面板查看并控制所有运行中的浏览器会话。playwright-cli show面板包含两个视图会话网格按工作空间分组显示所有活跃会话含实时预览、名称、当前 URL、页面标题会话详情选中会话的完整实时视图支持后退、前进、刷新、地址栏、远程鼠标键盘控制命令一览核心命令playwright-cliopen[url]# 打开浏览器可选择导航至指定 URLplaywright-cli gotourl# 导航至 URLplaywright-cli close# 关闭页面playwright-clitypetext# 在可编辑元素输入文本playwright-cli clickref[button]# 点击页面元素playwright-cli dblclickref[button]# 双击playwright-cli fillreftext# 填充输入框playwright-cli fillreftext--submit# 填充并按回车playwright-cli dragstartRefendRef# 拖拽playwright-cli hoverref# 悬停playwright-cliselectrefval# 下拉框选择playwright-cli uploadfile# 上传文件playwright-cli checkref# 勾选复选框/单选框playwright-cli uncheckref# 取消勾选playwright-cli snapshot# 捕获页面快照以获取元素引用playwright-cli snapshot--filenamef# 保存快照到指定文件playwright-cli snapshotref# 对单个元素快照playwright-cli snapshot--depthN# 限制快照深度playwright-clievalfunc[ref]# 在页面/元素上执行 JSplaywright-cli dialog-accept[prompt]# 确认弹窗playwright-cli dialog-dismiss# 关闭弹窗playwright-cli resizewh# 调整窗口大小导航playwright-cli go-back# 后退playwright-cli go-forward# 前进playwright-cli reload# 刷新键盘playwright-cli presskey# 按键playwright-cli keydownkey# 按下键playwright-cli keyupkey# 松开键鼠标运行 playwright-cli mousemovexy# 移动鼠标playwright-cli mousedown[button]# 按下鼠标playwright-cli mouseup[button]# 松开鼠标playwright-cli mousewheeldxdy# 滚轮滚动保存playwright-cli screenshot[ref]# 截图playwright-cli screenshot--filenamef# 指定文件名截图playwright-cli pdf# 导出 PDFplaywright-cli pdf--filenamepage.pdf# 指定文件名导出 PDF标签页playwright-cli tab-list# 列出所有标签页playwright-cli tab-new[url]# 新建标签页playwright-cli tab-close[index]# 关闭标签页playwright-cli tab-selectindex# 切换标签页### 存储Cookie / LocalStorage / SessionStoragebash playwright-cli state-save[filename]# 保存存储状态playwright-cli state-loadfilename# 加载存储状态# Cookieplaywright-cli cookie-list[--domain]playwright-cli cookie-getnameplaywright-cli cookie-setnamevalplaywright-cli cookie-deletenameplaywright-cli cookie-clear# LocalStorageplaywright-cli localstorage-list playwright-cli localstorage-getkeyplaywright-cli localstorage-setkvplaywright-cli localstorage-deletekplaywright-cli localstorage-clear# SessionStorageplaywright-cli sessionstorage-list playwright-cli sessionstorage-getkplaywright-cli sessionstorage-setkvplaywright-cli sessionstorage-deletekplaywright-cli sessionstorage-clear网络playwright-cli routepattern[opts]# 模拟网络请求playwright-cli route-list# 列出活跃路由playwright-cli unroute[pattern]# 移除路由开发者工具playwright-cli console[min-level]# 查看控制台日志playwright-cli network# 查看网络请求playwright-cli run-codecode# 执行 Playwright 代码片段playwright-cli run-code--filenamef# 从文件执行代码playwright-cli tracing-start# 开始录制追踪playwright-cli tracing-stop# 停止录制追踪playwright-cli video-start[filename]# 开始录屏playwright-cli video-chaptertitle# 添加视频章节标记playwright-cli video-stop# 停止录屏启动参数playwright-cliopen--browserchrome# 指定浏览器playwright-cliopen--extension# 通过浏览器扩展连接playwright-cliopen--persistent# 使用持久化配置playwright-cliopen--profilepath# 使用自定义配置目录playwright-cliopen--configfile.json# 使用配置文件playwright-cli close# 关闭浏览器playwright-cli delete-data# 删除默认会话的用户数据快照每条命令执行后CLI 都会输出当前浏览器状态快照。你也可以手动执行playwright-cli snapshot playwright-cli snapshot--filenameafter-click.yaml playwright-cli snapshot#mainplaywright-cli snapshot--depth4元素定位默认使用快照中的引用ref定位元素playwright-cli click e15也支持 CSS 选择器、Playwright 定位器playwright-cli click#main button.submitplaywright-cli clickgetByRole(button, { name: Submit })playwright-cli clickgetByTestId(submit-button)安装的技能包含常用任务参考Running and Debugging Playwright tests — run, debug and manage Playwright test suites 运行与调试 Playwright 测试Request mocking — intercept and mock network requests请求模拟Running Playwright code — execute arbitrary Playwright scripts #执行 Playwright 代码Browser session management — manage multiple browser sessions #浏览器会话管理Storage state (cookies, localStorage) — persist and restore browser state #存储状态持久化Test generation — generate Playwright tests from interactions #测试生成Tracing — record and inspect execution traces #追踪录制Video recording — capture browser session videos #视频录制Inspecting element attributes — get element id, class, or any attribute not visible in the snapshot #元素属性查看