开始使用
核心功能
会员与付费
高级功能
其他

StepFlow 使用手册

欢迎使用 StepFlow！本手册涵盖从安装到高级功能的完整使用指南，支持 Chrome、Edge、Brave 等主流浏览器，帮助您快速上手并充分发挥 StepFlow 的全部功能。

本页目录

  1. 安装教程
  2. 账号注册与登录
  3. 绑定微信/QQ
  4. 录制操作步骤
  5. 截图与标注
  6. 导出与分享
  7. 会员与激活码

📦 安装教程 · Chrome / Edge / Brave / 更多

方式一：Chrome 应用商店安装（推荐 · Edge 同样适用）

1

打开 Chrome 应用商店

在 Chrome 浏览器中访问 chrome.google.com/webstore，或直接点击下方按钮跳转。

2

搜索 StepFlow

在应用商店搜索框中输入「StepFlow」，找到带有官方认证标识的插件，点击「添加到 Chrome」。

3

确认权限并安装

弹出权限确认窗口，点击「添加扩展程序」即可。StepFlow 需要访问标签页和截图权限，这是录制功能的基本要求。

4

固定到工具栏

安装完成后，点击 Chrome 工具栏右侧的「拼图」图标，找到 StepFlow，点击固定图标将其固定到工具栏，方便随时使用。

方式二：离线安装（开发者模式）

⚠️ 注意：离线安装适合无法访问应用商店的用户或开发测试场景，适用 Chrome、Edge、Brave 等所有 Chromium 内核浏览器，安装步骤较多，建议优先使用商店安装方式。
  1. 从官网下载 StepFlow 安装包（.zip 格式）并解压到本地文件夹
  2. 在 Chrome 地址栏输入 chrome://extensions 打开扩展管理页
  3. 打开右上角「开发者模式」开关
  4. 点击「加载已解压的扩展程序」，选择解压后的文件夹
  5. StepFlow 图标出现在工具栏即为安装成功
⚠️ 离线安装限制：开发者模式下安装的扩展在 Chrome 重启后可能提示"已停用"，需手动重新启用。建议通过应用商店安装以获得自动更新。

方式三：Microsoft Edge 安装

💡 Edge 用户好消息：Edge 基于 Chromium 内核，原生兼容 Chrome 扩展程序，可直接从 Edge 插件商店或 Chrome 应用商店安装 StepFlow，体验与 Chrome 完全一致。

▶ 方式 3-A：Edge 插件商店安装（最简单）

1

打开 Edge 插件商店

在 Edge 地址栏输入 edge://extensions 打开扩展管理页，或直接访问 microsoftedge.microsoft.com/addons 进入 Edge 插件商店。

2

搜索并安装 StepFlow

在搜索框输入「StepFlow」，找到插件后点击「获取」，弹出权限确认窗口点击「添加扩展」即可完成安装。

3

固定到工具栏

安装后点击 Edge 右上角的「扩展图标（拼图块）」，找到 StepFlow，点击眼睛图标将其固定到工具栏。

▶ 方式 3-B：在 Edge 中使用 Chrome 应用商店安装

  1. 打开 Edge，访问 chrome.google.com/webstore
  2. Edge 会提示「允许来自其他商店的扩展程序」，点击「允许」
  3. 搜索「StepFlow」，点击「添加到 Chrome」
  4. 在弹出窗口点击「添加扩展程序」，即可在 Edge 中安装成功

▶ 方式 3-C：Edge 离线安装（开发者模式）

  1. 从官网下载 StepFlow-v1.0.0.zip 并解压到本地文件夹
  2. 在 Edge 地址栏输入 edge://extensions
  3. 打开右下角「开发者模式」开关
  4. 点击「加载解压缩的扩展」，选择解压后的文件夹
  5. StepFlow 图标出现在工具栏即为安装成功
⚠️ Edge 离线注意：Edge 在开发者模式下安装的扩展每次启动浏览器会弹出提示，点击「仍然保留」即可继续使用。

方式四：其他 Chromium 浏览器安装

✅ 兼容说明：StepFlow 基于 Chrome Extension Manifest V3 开发，所有基于 Chromium 内核的浏览器均可使用离线安装方式正常运行。
Brave

支持直接在 Chrome 应用商店安装。
地址栏输入 brave://extensions 开启开发者模式后也可离线安装。

360 360极速浏览器

地址栏输入 se://extensions，开启开发者模式后选择「加载已解压扩展」，选择解压后的 StepFlow 文件夹即可。

搜狗浏览器

进入 chrome://extensions，开启开发者模式，点击「加载已解压扩展程序」，选择 StepFlow 解压文件夹。

Opera / Opera GX

安装「Install Chrome Extensions」附加组件后，即可直接在 Chrome 应用商店一键安装 StepFlow。或使用 opera://extensions 离线加载。

▶ 通用离线安装步骤（适用于所有 Chromium 浏览器）

1

下载并解压安装包

前往 下载页面 获取 StepFlow-v1.0.0.zip，解压到任意固定位置的文件夹（安装后不要移动或删除该文件夹）。

2

打开扩展管理页

在地址栏输入以下地址并回车：

浏览器地址
Chromechrome://extensions
Edgeedge://extensions
Bravebrave://extensions
360极速se://extensions
Operaopera://extensions
3

开启开发者模式

在扩展管理页右上角（或右下角）找到「开发者模式」开关，将其打开。页面会出现「加载已解压的扩展程序」等新按钮。

4

加载扩展文件夹

点击「加载已解压的扩展程序」（不同浏览器措辞略有差异），在弹出的文件夹选择窗口中，选择第 1 步解压出来的 StepFlow 文件夹，点击「选择文件夹」。

5

确认安装成功

扩展列表中出现 StepFlow 卡片，浏览器工具栏右侧出现 StepFlow 图标，即表示安装成功。如图标未显示，点击工具栏「拼图/扩展」图标手动固定。

📌 重要提示：解压后的文件夹是插件的运行目录，请勿在安装后移动或删除它，否则扩展将无法正常加载。

系统要求

项目要求
浏览器Chrome 88+ / Edge 88+ / Brave / 360极速浏览器
操作系统Windows 7+、macOS 10.13+、Ubuntu 18.04+
网络离线可用，云同步功能需要网络

👤 账号注册与登录

注册新账号

StepFlow 支持多种注册方式，您可以选择最方便的方式创建账号：

1

手机号注册

输入手机号码，点击「发送验证码」，收到 6 位短信验证码后填入，设置密码即可完成注册。推荐使用，方便找回密码。

2

邮箱注册

输入常用邮箱地址，系统发送验证邮件（有效期 10 分钟），点击邮件中的验证码或链接完成验证，设置密码即可。

3

微信 / QQ 快速注册

点击微信或 QQ 图标，用手机扫码或 QQ 授权后，一步完成注册，无需设置密码。建议之后在账号设置中绑定手机号以便找回账号。

🎁 新用户福利：注册后自动赠送 7 天专业版免费试用，无需绑定付款方式，体验全部高级功能。

登录方式

  • 账号密码登录：输入注册时的手机号或邮箱 + 密码
  • 手机验证码登录：输入手机号，获取验证码后直接登录，无需记忆密码
  • 邮箱验证码登录：输入邮箱，获取验证码后登录
  • 微信扫码登录：适合已绑定微信的账号
  • QQ 授权登录：适合已绑定 QQ 的账号

忘记密码

在登录页点击「忘记密码」，通过手机验证码或邮箱验证码验证身份后，即可设置新密码。

🔗 绑定微信 / QQ

绑定第三方账号后，可以直接扫码登录，也方便接收会员到期提醒等通知。

绑定微信

  1. 登录后进入「用户中心 → 账号安全 → 第三方绑定」
  2. 点击「绑定微信」按钮，弹出二维码
  3. 打开手机微信，扫描二维码
  4. 在手机微信上点击「确认」完成绑定
  5. 绑定成功后可以直接微信扫码登录 StepFlow
提示：一个微信号只能绑定一个 StepFlow 账号。如需解绑，在账号安全页面点击「解除微信绑定」。

绑定 QQ

  1. 进入「用户中心 → 账号安全 → 第三方绑定」
  2. 点击「绑定 QQ」，页面跳转至 QQ 授权页
  3. 登录 QQ 账号后点击「授权并登录」
  4. 页面自动跳回 StepFlow 并完成绑定

🎬 录制操作步骤

开始录制

1

点击工具栏图标

在 Chrome 工具栏点击 StepFlow 图标，弹出控制面板。

2

点击「开始录制」

面板中点击「开始录制」按钮（或按快捷键 Alt+R），工具栏图标变为红色录制状态。

3

正常操作网页

在任意页面进行您要录制的操作。每次点击、每次输入、每次滚动都会被自动记录，并自动截图。

4

停止录制

操作完成后，再次点击工具栏图标，点击「停止录制」（或按 Alt+S）。稍等片刻即自动生成教程预览。

录制时可以做的事

  • ✅ 切换标签页（会记录为「打开新页面」步骤）
  • ✅ 在输入框中打字（密码框自动打码）
  • ✅ 点击按钮、链接、下拉菜单
  • ✅ 上传文件、拖拽操作
  • ✅ 滚动页面

暂停与恢复

录制过程中如需跳过某些步骤（如输入密码），点击工具栏图标 → 「暂停录制」，操作完成后再「恢复录制」。暂停期间的操作不会被记录。

录制注意事项

⚠️ 以下情况无法录制：Chrome 内置页面（如 chrome://）、扩展管理页面。这些页面的截图也可能为空，属于浏览器安全限制，可手动上传截图补充。

📸 截图与标注

自动截图

每个录制步骤会自动截取该步骤执行时的页面截图（JPEG 格式，80% 质量，兼顾清晰度和文件大小）。截图包含当前标签页的完整可见区域。

编辑标注

在教程查看器中，点击截图下方的「✏️ 编辑标注」按钮，可以：

  • 添加矩形框、圆形框高亮操作区域
  • 添加箭头指向重要位置
  • 添加文字说明
  • 调整颜色和线条粗细
  • 撤销/重做标注操作

手动上传截图

如果某个步骤没有自动截图（如 Chrome 内置页面），在该步骤下方会显示「📁 上传截图」按钮，点击选择本地图片文件即可手动补充。

已有截图的步骤也可点击「🔄 替换截图」更换为更清晰或更准确的截图。

📤 导出与分享

分享链接

在教程查看器中点击「分享」按钮，系统生成一个唯一链接。将链接发送给他人，无需安装插件即可在浏览器中查看完整的交互式教程。

链接有效期：免费版分享链接有效期 7 天；专业版永久有效；可随时撤销链接权限。

导出格式

格式可用版本说明
HTML免费版自包含单页文件，可离线查看
PDF免费版适合打印和归档
Markdown专业版+适合发布到技术文档平台
Word (.docx)专业版+适合企业内部文档

💎 会员权益对比

StepFlow 提供免费版、专业月会员、专业年会员和终身旗舰版四种方案。

功能免费版专业版旗舰版
录制次数/月20 次无限无限
云端同步✗✓✓
分享链接7天永久永久
自定义品牌✗✗✓
团队成员✗✗5人
API 接口✗✗✓
查看详细定价方案 →

🎁 激活码兑换

激活码是一种一次性兑换码，可激活对应的会员权益（月会员、年会员或终身版）。

如何使用激活码

  1. 登录后进入「用户中心 → 激活码 / 优惠券」
  2. 在「激活码兑换」输入框中输入您的激活码
  3. 点击「立即激活」按钮
  4. 系统验证激活码有效后，会员权益立即生效
⚠️ 激活码区分大小写，请注意输入完整。每个激活码只能使用一次，使用后立即失效。

如何获取激活码

  • 官方渠道购买激活码礼品卡
  • 参加官方活动赠送
  • 邀请好友注册（邀请奖励码）
  • 通过合作渠道商购买

🏷️ 优惠券使用

优惠券用于在购买会员时享受折扣，可在结账页面填入。

在购买时使用优惠券

  1. 进入「定价方案」页面
  2. 选择心仪的会员方案，点击「立即开通」
  3. 在结账页面找到「优惠码」输入框
  4. 输入优惠券码，点击「应用」
  5. 订单金额自动更新为折后价格
  6. 完成支付即可
Tips：优惠券有使用期限，请在到期前使用。每次购买只能使用一张优惠券。已购买的订单不支持补差价使用优惠券。

⌨️ 快捷键参考

操作快捷键
开始/停止录制Alt+R
停止录制Alt+S
暂停/恢复录制Alt+P
打开/关闭控制面板Alt+Space
查看录制历史Alt+H

❓ 常见问题

录制后截图是空白/没有截图怎么办？

通常是因为录制的是 Chrome 内置页面（如 chrome://newtab）或安全限制较高的页面。解决方法：

  1. 切换到普通网页（如 https:// 开头的页面）后再开始录制
  2. 如果某步骤确实需要该页面截图，可手动截图后点击「上传截图」补充

录制内容会自动保存吗？

是的，所有录制内容自动保存在浏览器本地存储中。专业版会员还会同时同步至云端。

能录制超过 100 个步骤吗？

理论上没有步骤数量限制，但步骤过多时（超过 200 步）可能影响预览加载速度。建议将长操作拆分为多个录制任务。

如何删除录制内容？

在查看器的步骤列表中，右键点击步骤选择「删除此步骤」；在录制历史列表中，点击录制右侧的「⋯」菜单选择「删除」。

📧 联系我们

📧

邮件支持

support@stepflow.io
工作日 24 小时内回复

💬

微信客服

微信号：StepFlow_Support
工作日 9:00-18:00

← 返回首页 查看定价方案 →