Step Recorder

About

Step Recorder 是一款轻量的网页操作步骤录制工具，帮助您把「怎么做」快速变成可分享的图文教程。

【适合谁用】
• SaaS / ERP / OA 系统培训与操作手册
• 产品帮助中心、客户 onboarding 文档
• 团队内部「操作 SOP」沉淀
• 电商后台、管理后台等复杂流程演示

【核心功能】
1. 一键开始 / 停止录制
   在任意普通网页（非 chrome:// 等内部页）进行操作，插件自动记录步骤。

2. 自动捕捉关键操作
   支持：点击、输入、下拉选择、页面跳转；支持跨标签页录制。
   每步自动截图，并在点击位置标注红色圆环，方便读者对照。

3. 智能步骤说明
   根据操作自动生成简洁中文步骤描述（如「点击某某按钮」）。
   敏感信息自动脱敏（手机号、密码、身份证、银行卡等）。

4. 本地预览与管理
   最近录制以截图包形式展示，可预览、删除单步。
   数据保存在浏览器本机 IndexedDB，不上传服务器。

5. 多格式导出
   支持导出 Markdown（ZIP 含图片）、HTML、DOCX、PDF。
   可自定义导出标题，步骤以「步骤 ①②③…」清晰编号。

6. 侧边栏
   可通过 Chrome 侧边栏查看当前录制的截图网格。

【使用步骤】
1. 安装后打开要录制的网站（建议先刷新该页）
2. 点击扩展图标 →「开始录制」
3. 按真实流程操作网页
4. 点击「停止录制」
5. 在弹窗中选择要导出的录制 → 选择格式 → 导出

【隐私与安全】
• 完全免费，无需账号登录
• 录制内容与截图仅存储在您的本机浏览器
• 不向开发者或第三方服务器上传您的网页数据
• 本扩展需要访问网页权限，仅用于在您主动录制时记录操作与截图

【权限说明】
tabs / activeTab：获取当前页面并进行截图
storage：保存录制会话状态
sidePanel：侧边栏展示截图
scripting / 内容脚本：在您操作的页面上记录点击、输入等事件
<all_urls>：允许在各类业务网站上录制（数据仍只存本地）

【温馨提示】
• 无法在 Chrome 内置页（如扩展管理页、设置页）录制
• 跨标签录制时，切换标签会记录为步骤；截图需在对应标签处于前台时完成
• 为节省空间，本地默认保留最近 2 条录制记录，可一键清空

如果您需要制作操作教程、培训文档或帮助说明，Step Recorder 让录制与导出变得简单高效。欢迎安装试用，如有问题可通过支持页面联系我们。