产品概览
BugCapturer 是一个可视化 bug 报告工具:团队里的任何人——甚至是你网站上的访客——都能把眼前看到的问题截下来、标注清楚,并变成一条结构化报告,直接落进团队已经在用的工具里。
两种采集方式
Section titled “两种采集方式”BugCapturer 提供两种采集方式,按问题的形态来选:
- 截图标注 —— 静态问题一眼能看清:框选区域,用矩形、箭头、画笔、文字把问题标出来,像素级还原你看到的样子
- 屏幕录制 —— 复杂的多步交互说不清:录制当前标签页最长 60 秒,再在时间轴上裁剪出关键片段
无论选哪种,产出的都是同一种结构化报告,并自动附带 Console 报错与失败的网络请求等技术上下文。
两种使用方式
Section titled “两种使用方式”我们提供两种使用方式,浏览器插件或WEB SDK,我们推荐您按照具体谁在看屏幕来选择。
| 浏览器插件 | Web SDK | |
|---|---|---|
| 给谁用 | 测试者、QA、同事、能装插件的客户 | 站点访客——免安装、免账号 |
| 运行位置 | Chrome / Edge 扩展 | 你网站上的一行 <script> |
| 截图方式 | 像素级截图,无需授权弹窗 | 通过浏览器自带的屏幕共享确认取真实像素(访客装了插件则跳过) |
| 适合场景 | 测试 / UAT 环境的内部验收 | 线上或 UAT 页面上真实访客的反馈 |
两条通路产出同一种报告、汇入同一套目标——测试者的截图和访客的反馈最终都可进入同一张表。
一条报告里有什么
Section titled “一条报告里有什么”- 截图 —— 页面的真实像素,带上你标注的区域(矩形、箭头、画笔、文字);
- 录屏 —— 可选,最长 60 秒,可在时间轴上裁剪
- 描述 —— 自由文本;
- 反馈人身份 —— 匿名提交时可填写联系方式,已知时带上姓名 / 邮箱 / uid(见反馈人身份)
- 技术上下文 —— 自动采集:页面 URL 与标题(敏感参数自动脱敏)、浏览器、操作系统、屏幕尺寸,外加 Console 报错与失败的网络请求
数据如何流转
Section titled “数据如何流转”- 本地采集 —— 截图、标注、录屏都在浏览器里生成;除非有人主动分享或提交,数据不会离开设备
- 提交或分享 —— 要么提交到一个汇入目标,要么发布成公开分享链接
- 存储 —— 提交的报告与分享内容存储在服务端;每一条都可以在控制台随时删除
- 集成派发 —— 绑定了集成的报告自动写入集成目标(飞书多维表格或通用 Webhook)
会带上当前页地址与标题,直接提交给文档维护者