weekly
weekly copied to clipboard
【浏览器插件自荐】SnapScribe 自动截图所有操作记录,生成markdown文档
简介
SnapScribe 是一个能够帮助产品/测试/培训/开发/运维人员快速制作markdown操作文档的浏览器插件,只要鼠标点一点,就能自动生成包含描述的步骤记录,一键导出包含所有截图的markdown文档
安装
Edge 浏览器(推荐国内用户使用)
chrome 浏览器(审核中...)
🚀 开始使用
1. 进入插件
点击浏览器工具栏中的 SnapScribe 图标即可启动插件。
2. 开始录制
点击「开始录制」后,插件会自动记录您在网页上的所有操作,并实时截图。
每次点击页面时,插件会智能捕获点击位置的文字内容并截取当前页面图像。
⚠️ 注意:如点击后未触发截图,请尝试刷新当前页面。
3. 导出文档
录制完成后,点击「停止录制」→「导出Markdown」,即可生成一篇包含所有截图和操作说明的 Markdown 文档。
导出的文档结构清晰、图文并茂,便于分享和存档。
💡 提示:未来版本将支持图床功能,支持导出和复制整篇 Markdown。
📌 插件功能
1. 录制功能
智能捕获元素:自动识别并提取点击的 DOM 元素内容

跨标签页录制:支持记录多个标签页间的操作流程

隐藏滚动条:自动美化截图,隐藏滚动条

2. 美化功能
编辑步骤标题:支持自定义每一步的标题和描述(支持 Markdown)

截图标注与美化:可对每张截图进行标注和样式美化

拖拽排序:支持调整步骤顺序,灵活组织内容结构

⏳ 后续计划
| 功能 | 说明 | 状态 |
|---|---|---|
| 支持图床 | 方便导出和复制 Markdown,提升分享体验 | 🟢 进行中 |
| 优化截图标注工具 | 提供更轻量、现代化的标注编辑器 | 🔴 待开始 |
| 截图美化 | 增加渐变背景、设备框等样式 | 🟡 规划中 |
| 支持长图导出 | 方便处理连续操作任务 | 🟡 规划中 |