流程录制

记录网页操作和步骤截图，生成便于理解和使用的流程文档。

流程录制是一款面向网页流程梳理、AI 工作流理解和浏览器自动化复现的操作记录工具。 它可以将用户实际执行的网页操作整理为清晰、结构化的流程说明，并保留关键步骤截图、页面信息和元素上下文，方便后续查看、复用，或直接提供给支持浏览器操作的 AI 工具作为任务上下文。 相比只通过自然语言描述“我要做什么”，流程录制更关注“这个网站具体应该怎么操作”。 为什么需要流程录制 早期的 Web UI 自动化通常采用“先规划、再执行”的方式：AI 首先理解用户目标，将任务拆分成多个步骤，再根据预先规划好的流程完成网页操作。 随着大模型能力的发展，这种模式正在逐渐发生变化。 如今，大模型已经具备较强的 ReAct（Reasoning + Acting）能力，可以在浏览器操作过程中持续观察页面状态、执行动作，并根据页面反馈动态决定下一步操作。 结合 Playwright CLI、Chrome DevTools MCP 等浏览器操作工具，AI 已经可以直接与网页进行交互，而不再强依赖执行前完整的任务拆解。 但浏览器自动化仍然存在一个重要问题： 当 AI 缺少目标页面的结构知识和具体业务上下文时，即使用户已经通过自然语言准确描述任务目标，AI 仍然需要花费较多时间探索网站。 例如，AI 可能需要自行寻找功能入口、识别页面结构、判断按钮和表单的实际含义、理解页面之间的跳转关系，并通过多轮观察和尝试确认正确的业务操作流程。 流程录制希望解决的，正是这部分重复的页面探索和业务理解成本。 用户只需要实际完成一次网页操作，插件即可记录整个操作过程，并将其整理为适合后续查看和 AI 理解的流程上下文。 录制完成后，用户可以直接复制生成的流程说明，并粘贴到支持浏览器操作的 AI 工具中，让 AI 在已有页面知识和业务流程基础上继续执行任务。 通过这种方式，AI 可以减少在页面探索和业务理解上的时间，将更多能力用于已有流程的操作复现、任务调整和场景扩展。 流程录制并不替代 AI 自身的判断和决策能力，而是为 Browser Agent 提供必要的页面上下文，让 AI 更快从“探索页面”进入“执行任务”。 工作方式 录制完全由用户主动发起。 用户点击“开始录制”后，扩展仅跟踪当前录制页面，以及由该页面在录制过程中打开的子标签页或子窗口。 录制期间，扩展可以记录常见的网页交互操作，包括点击、文本输入、选择、按键、鼠标悬停、拖拽和页面跳转等。 同时，扩展可以自动或手动为操作步骤保存页面截图，为后续查看和 AI 理解提供必要的视觉上下文。 录制完成后，扩展会将整个操作过程整理为结构化步骤文档。 步骤信息可以包含页面句柄、操作类型、元素语义、ARIA 可访问名称以及必要的 DOM 上下文等信息，以帮助用户或 AI 更准确地理解每一步操作的目标和所在页面。 主要功能 • 记录点击、文本输入、选择、按键、鼠标悬停、拖拽和页面跳转等常见网页操作。 • 跟踪录制页面在操作过程中打开的子标签页和子窗口。 • 支持自动或手动保存步骤截图，为关键操作提供视觉上下文。 • 将录制结果整理为结构化流程说明，并记录页面、元素和操作相关上下文。 • 支持在浏览器侧边栏中开始录制、查看步骤和编辑录制内容。 • 提供全屏用例工作台，用于查看、删除和管理已保存的历史用例。 • 支持在本地保存历史录制用例，方便后续查看和复用。 • 支持将单个或多个用例导出为 ZIP 文件。 • 导出的 ZIP 文件中可以包含流程说明文档和对应的 JPG 页面截图。 • 支持在侧边栏或全屏用例页面直接复制流程任务说明。 • 复制后的流程内容可以粘贴到支持浏览器操作的 AI 工具中，作为页面操作和业务流程上下文使用。 • 支持简体中文和英文界面。 适用场景 流程录制可以用于网页操作流程梳理、AI 浏览器自动化、操作文档整理以及流程复现等场景。 例如： • 将人工网页操作过程整理成可复用的操作说明。 • 为 Browser Agent 提供已有页面路径和业务操作上下文。 • 向 AI 描述仅通过自然语言难以完整表达的复杂网页流程。 • 保存和复用重复性的 Web 操作流程。 • 为浏览器自动化任务提供初始操作参考。 • 记录涉及多个页面、标签页或窗口的业务操作过程。 • 为后续自动化测试、流程复现和场景扩展提供参考信息。 与 AI 浏览器工具配合 当前越来越多的 AI 工具已经具备直接操作浏览器的能力。 这类工具能够观察网页状态、执行操作，并根据实际页面反馈动态决定下一步任务。 但在面对陌生网站或复杂业务系统时，AI 通常仍然需要先进行一定程度的页面探索。 流程录制通过记录真实用户已经完成的操作路径，为 AI 提供目标页面、操作对象、页面跳转关系以及必要的业务流程信息。 AI 可以基于这些信息直接开始操作复现，也可以在已有流程基础上修改参数、更换输入内容或扩展新的业务场景。 插件的目标不是生成固定的自动化脚本，也不是限制 AI 按照完全固定的步骤执行。 它更像是将用户已经掌握的页面知识和业务操作经验转换为 AI 可以参考的上下文，从而减少 Browser Agent 从零开始理解网站的成本。 数据与隐私 流程录制仅在用户主动点击“开始录制”后处理相关页面信息。 根据用户实际录制的网页和操作内容，扩展可能处理以下数据： 页面 URL。 页面标题。 页面元素信息。 用户操作记录。 用户在录制过程中输入的表单内容。 页面截图。 这些数据仅用于在用户设备上生成、保存、预览和导出流程文档。 录制数据保存在当前 Chrome 用户配置文件对应的扩展专用存储中。 扩展不会将录制内容发送至开发者服务器或第三方服务器。 录制数据不会用于广告、用户画像或数据出售。 用户导出的流程文档、页面截图和 ZIP 文件由用户自行决定如何保存、使用或分享。 由于录制内容可能包含用户实际访问页面中的信息，请勿录制您不希望保存在本机或导出文件中的账号信息、个人信息、业务机密或其他敏感内容。 关于 Chrome 的“正在调试此浏览器”提示 开始录制后，Chrome 在部分情况下可能显示“正在调试此浏览器”或类似提示。 这是因为扩展在录制过程中使用 Chrome DevTools Protocol 接收页面截图帧和相关页面信息，属于 Chrome 的正常提示。 该调试连接仅在录制期间使用。 用户停止录制后，扩展会立即断开对应的调试会话。