首页/AI 技能库/软件开发/Playwright 工作流 [ PROMPT_NODE_25042 ] Playwright 工作流 [ SKILL_DOCUMENTATION ] # Playwright CLI 工作流 使用包装脚本并频繁执行快照。假设 `PWCLI` 已设置且 `pwcli` 是 `"$PWCLI"` 的别名。 在此仓库中,请在 `output/playwright//` 目录下运行命令,以保持工件的整洁。 ## 标准交互循环 bash pwcli open https://example.com pwcli snapshot pwcli click e3 pwcli snapshot ## 表单提交 bash pwcli open https://example.com/form --headed pwcli snapshot pwcli fill e1 "[email protected]" pwcli fill e2 "password123" pwcli click e3 pwcli snapshot pwcli screenshot ## 数据提取 bash pwcli open https://example.com pwcli snapshot pwcli eval "document.title" pwcli eval "el => el.textContent" e12 ## 调试与检查 在重现问题后捕获控制台消息和网络活动: bash pwcli console warning pwcli network 在可疑流程周围记录追踪记录: bash pwcli tracing-start # 重现问题 pwcli tracing-stop pwcli screenshot ## 会话 使用会话在不同项目间隔离工作: bash pwcli --session marketing open https://example.com pwcli --session marketing snapshot pwcli --session checkout open https://example.com/checkout 或者设置一次会话: bash export PLAYWRIGHT_CLI_SESSION=checkout pwcli open https://example.com/checkout ## 配置文件 默认情况下,CLI 会读取当前目录下的 `playwright-cli.json`。使用 `--config` 指定特定文件。 最小示例: { "browser": { "launchOptions": { "headless": false }, "contextOptions": { "viewport": { "width": 1280, "height": 720 } } } } ## 故障排除 - 如果元素引用失败,请再次运行 `pwcli snapshot` 并重试。 - 如果页面显示异常,请使用 `--headed` 重新打开并调整窗口大小。 - 如果流程依赖于先前的状态,请使用命名 `--session`。 数据来源:claude-code-templates(MIT),中文翻译由 AI 生成。详见关于我们。