为什么需要 BugCapturer
传统 Bug 反馈有多痛苦
你发现了一个网站问题,想要反馈。传统流程是这样的:BugCapturer 怎么做
核心功能详解
区域截图
点击扩展图标后,在网页上拖拽即可框选任意区域。不需要截全屏再裁剪——直接选中你想反馈的那一块。- 8 个方向的调整手柄,精确控制选区
- 选区外自动暗化,突出重点
- 支持右键菜单快速启动("截图反馈")
5 种标注工具
截图后进入标注编辑器,提供 5 种工具:| 工具 | 用途 | 示例 |
|---|---|---|
| 箭头 | 指向具体问题元素 | 用红箭头指向重叠的按钮 |
| 矩形 | 框选问题区域 | 用矩形框住布局错乱的区块 |
| 文字 | 添加文字说明 | 标注"此处文字被截断" |
| 画笔 | 自由绘制 | 圈出、划线、打勾 |
| 马赛克 | 模糊敏感信息 | 打码用户名、邮箱、API 密钥 |
自动技术元数据采集
提交反馈时,BugCapturer 自动采集以下信息,无需手动输入:| 信息 | 为什么重要 |
|---|---|
| 页面 URL | 精确定位问题所在页面 |
| 浏览器名称和版本 | 排查浏览器兼容性问题 |
| 操作系统 | 排查系统特定问题 |
| 屏幕分辨率 | 排查布局在不同分辨率下的表现 |
| 视口尺寸 | 判断响应式布局问题 |
| 设备像素比(DPR) | 判断 Retina/HiDPI 显示问题 |
| 时间戳 | 记录问题发生时间 |
控制台错误自动采集
网页出问题时,浏览器控制台几乎总是有错误信息。但大多数人不知道怎么打开控制台,更不知道怎么复制错误。 BugCapturer V1.0.1 新增了控制台错误自动采集:- 只采集
error级别(过滤掉 info/warn 噪音)
- 包含错误消息 + 源码位置(文件名:行号:列号)
- 最多采集最近 10 条
- 仅在提交时采集,不做后台监听
- 用户可以取消勾选,完全自主控制
失败网络请求自动采集
很多网页问题不是前端渲染的错——而是 API 调用失败了。页面看起来坏了,是因为数据根本没到。 BugCapturer V1.0.1 自动采集失败的网络请求:- 只采集状态码 ≥ 400 的请求(真正的失败)
- 包含 URL、HTTP 方法、状态码、状态文本
- 最多采集最近 5 条
- URL 中的敏感参数自动脱敏(
token、key、secret、password等替换为*)
- 仅在提交时采集,不做后台监听
一键邮件发送
填写完描述后,点击"发送邮件":- 自动调起系统默认邮件客户端
- 邮件主题自动生成(包含反馈类型和页面标题)
- 邮件正文包含:描述、技术元数据、控制台错误、网络错误
- 截图自动复制到剪贴板,Ctrl+V 即可粘贴为附件
- 所有信息预填好,你只需要点"发送"
7 种语言支持
BugCapturer 支持 7 种语言界面:- 中文(简体)
- English
- Deutsch
- Français
- Español
- Português (Brasil)
- 日本語
隐私设计:零数据上传
BugCapturer 从设计之初就坚持一个原则:你的数据,只属于你。| 原则 | 具体实现 |
|---|---|
| 零数据上传 | 不上传任何数据到任何服务器。截图、标注、技术信息全部留在本地 |
| 无需注册 | 不需要创建账号,不需要邮箱验证,安装即用 |
| 最小权限 | 只申请必要的浏览器权限,不读取浏览历史、不访问标签页内容 |
| 一次性采集 | 控制台错误和网络请求仅在提交时采集,不做后台持续监听 |
| 用户可控 | 技术诊断信息默认开启,但可以一键取消勾选 |
| URL 脱敏 | 网络请求 URL 中的敏感参数自动替换为 * |
| 邮件直达 | 报告通过你自己的邮件客户端发送,不经过任何第三方 |
谁适合用 BugCapturer
QA / 测试工程师
最核心的用户群体。每天需要提交大量 Bug 报告,BugCapturer 把每次报告的时间从 5-15 分钟压缩到 30-60 秒,同时自动附带技术诊断信息,减少"无法复现"的来回沟通。前端开发者
调试跨浏览器兼容性问题时,需要快速记录不同浏览器下的表现差异。BugCapturer 自动采集浏览器版本、分辨率、视口信息,省去手动记录的麻烦。产品经理
收集用户反馈时,用户往往描述不清问题。让用户安装 BugCapturer,他们可以精确地"指给你看"问题在哪,附带的技术信息也省去了追问的步骤。UI/UX 设计师
做视觉走查(Visual Review)时,需要标注设计稿和实际页面的差异。BugCapturer 的 5 种标注工具足够精确地标记视觉问题。普通互联网用户
任何发现网站问题并想反馈的人。不需要技术背景,不需要打开开发者工具,30 秒就能提交一份专业的反馈。BugCapturer vs 其他方案
| 维度 | 手动截图+邮件 | 手机拍照发微信 | 专业反馈平台 | BugCapturer |
|---|---|---|---|---|
| 耗时 | 5-15 分钟 | 2 分钟 | 3-5 分钟 | 30 秒 |
| 标注能力 | 无/弱 | 无 | 强 | 5 种工具 |
| 技术信息 | 手动填写 | 无 | 自动采集 | 自动采集 |
| 控制台错误 | 需要会 DevTools | 无 | 部分支持 | 自动采集 |
| 网络错误 | 需要会 DevTools | 无 | 部分支持 | 自动采集 |
| 隐私安全 | 取决于方式 | 低 | 数据上云 | 零上传 |
| 价格 | 免费 | 免费 | 付费 | 免费 |
| 注册要求 | 无 | 无 | 必须 | 无需注册 |