Step Recorder

网页操作步骤录制工具，自动生成图文教程

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 让录制与导出变得简单高效。欢迎安装试用，如有问题可通过支持页面联系我们。