浏览器操作图文教程录制器(AI 增强版)。录制时同步采集元素语义、为截图自动打码; 录制后由内置引擎自动生成导读、章节与步骤说明,配上问答助手、选择器自愈与流程回放。 不配置任何模型也能完整使用,配上模型后说明文案与问答质量再上一层。
这是插件真实的输出形态:一份可交互的 HTML 教程。往下滚动可以看到 AI 导读卡、章节标题条、章节导航, 右下角是问答助手,每个步骤右上角有 ✨ 单步重写。下面的内容是活的,直接操作即可。
用一句话描述操作,解析成流程节点树(页面 / 动作 / 等待 / 循环 / 条件)。这是本地引擎的纯规则解析, 分句时会把 URL、小数、条件句保护起来,不会被逗号和句号切碎。
但自然语言天生给不出 CSS 选择器 —— 所以生成之后会立刻做一次流程体检: 把还缺的东西逐条列出来,能自动补的当场补掉,补不了的才交给你。不塞一个半成品给你。
录制时会为每个元素收集多个候选选择器。回放能不能活过下一次前端改版,取决于选了哪一个。
引擎会识别 css-1x2y3z、sc-bdVaJa、:nth-of-type 这类脆弱写法并降权。
回放失败不再直接中断:拿「这步本来要操作什么」去当前页面的候选元素里做语义匹配,
重新定位成功后把新选择器写回流程,下次运行就不再需要自愈。
下面这组数据刻意用了上面教程第 5 步的元素 ——
它原本记下的是会随构建变动的 #login-submit-v2,正是靠自愈换成了现在显示的稳定选择器。
流程跑挂了最怕只有一句「元素未找到」。诊断模块会结合报错文本、出错步骤、目标 URL 给出可能原因与对应的修复动作,并支持一键重新拾取选择器。
字段级:密码、验证码、身份证、银行卡这类输入框的值根本不入库。 像素级:截图在落盘之前就把敏感区域涂黑,敏感像素从不进入存储。 下面两个都可以实时把玩。
录制出来的步骤天然带噪音:同一个输入框被连续记了三次、每次滚动都留一条。
去重是无损的(保留最后一次的值);补等待只给真有异步副作用的动作加,输入、选择这类瞬时动作不会白等。
在插件里,这两项对应流程编辑器工具栏的 ⏳ 补等待 与 🧹 瘦身去重 按钮,点一下即作用于当前流程。
跑完只丢一句「成功」等于没跑。复盘把回放器实测到的数据 —— 总耗时、异常、自愈次数、最慢的一步 —— 翻译成人话,并指出下次该动哪个节点。下面的数据都是当场算出来的。