做一个你的
网页玩法罐头

# search-and-grab.rec.yaml（录制产物可编辑）
steps:
  - open: "https://example.com"
  - type: { selector: "input[name=q]", text: "{{keyword}}" }
  - click: { selector: "button.search" }
  - wait_for: { selector: ".result-item" }
  - click: { selector: ".result-item:nth-child(1) a.title" }
  - grab_text: { selector: "h1.article-title", save_as: "title" }

# can.yaml
name: "示例｜关键词摘取罐"
inputs:
  - name: keyword
    type: string
    required: true
workflow:
  - use: "./search-and-grab.rec.yaml"
  - run_js:
      code: |
        // 轻度清洗
        ctx.title = (ctx.title || '').trim().slice(0, 80);
  - output:
      format: "card"  # card/table/json
      fields: ["keyword", "title", "url"]
schedules: []  # 可为空；发布后可配置定时

# 运行命令
tabtin run can.yaml --keyword="agent browser"

# 回放面板自动生成：
# - 步骤截图
# - 耗时统计  
# - 选择器命中率
# - 网络日志

# 调试功能：
# - 一键"重试该步"
# - "改 selector 后重放"

# 💡 提示：不写 JS 也能跑；JS 只是"加料"。