weekly icon indicating copy to clipboard operation
weekly copied to clipboard

【浏览器插件自荐】SnapScribe 自动截图所有操作记录,生成markdown文档

Open TWO-ICE opened this issue 4 months ago • 5 comments

简介

SnapScribe 是一个能够帮助产品/测试/培训/开发/运维人员快速制作markdown操作文档的浏览器插件,只要鼠标点一点,就能自动生成包含描述的步骤记录,一键导出包含所有截图的markdown文档

安装

Edge 浏览器(推荐国内用户使用)

点我安装

chrome 浏览器(审核中...)

🚀 开始使用

1. 进入插件

点击浏览器工具栏中的 SnapScribe 图标即可启动插件。

2. 开始录制

点击「开始录制」后,插件会自动记录您在网页上的所有操作,并实时截图。

每次点击页面时,插件会智能捕获点击位置的文字内容并截取当前页面图像。

⚠️ 注意:如点击后未触发截图,请尝试刷新当前页面。

3. 导出文档

录制完成后,点击「停止录制」→「导出Markdown」,即可生成一篇包含所有截图和操作说明的 Markdown 文档。

导出的文档结构清晰、图文并茂,便于分享和存档。

💡 提示:未来版本将支持图床功能,支持导出和复制整篇 Markdown。

📌 插件功能

1. 录制功能

智能捕获元素:自动识别并提取点击的 DOM 元素内容

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

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

2. 美化功能

编辑步骤标题:支持自定义每一步的标题和描述(支持 Markdown)

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

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

⏳ 后续计划

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

TWO-ICE avatar Aug 20 '25 07:08 TWO-ICE