为什么需要 BugCapturer
传统 Bug 反馈有多痛苦
你发现了一个网站问题，想要反馈。传统流程是这样的：BugCapturer 怎么做
核心功能详解
区域截图
点击扩展图标后，在网页上拖拽即可框选任意区域。不需要截全屏再裁剪——直接选中你想反馈的那一块。- 8 个方向的调整手柄，精确控制选区
- 选区外自动暗化，突出重点
- 支持右键菜单快速启动（"截图反馈"）
5 种标注工具
截图后进入标注编辑器，提供 5 种工具：| 工具 | 用途 | 示例 |
|---|---|---|
| 箭头 | 指向具体问题元素 | 用红箭头指向重叠的按钮 |
| 矩形 | 框选问题区域 | 用矩形框住布局错乱的区块 |
| 文字 | 添加文字说明 | 标注"此处文字被截断" |
| 画笔 | 自由绘制 | 圈出、划线、打勾 |
| 马赛克 | 模糊敏感信息 | 打码用户名、邮箱、API 密钥 |
自动技术元数据采集
提交反馈时，BugCapturer 自动采集以下信息，无需手动输入：| 信息 | 为什么重要 |
|---|---|
| 页面 URL | 精确定位问题所在页面 |
| 浏览器名称和版本 | 排查浏览器兼容性问题 |
| 操作系统 | 排查系统特定问题 |
| 屏幕分辨率 | 排查布局在不同分辨率下的表现 |
| 视口尺寸 | 判断响应式布局问题 |
| 设备像素比（DPR） | 判断 Retina/HiDPI 显示问题 |
| 时间戳 | 记录问题发生时间 |
控制台错误自动采集
网页出问题时，浏览器控制台几乎总是有错误信息。但大多数人不知道怎么打开控制台，更不知道怎么复制错误。 BugCapturer 自动采集控制台错误：- 只采集
error级别（过滤掉 info/warn 噪音）
- 包含错误消息 + 源码位置（文件名:行号:列号）
- 最多采集最近 10 条
- 随报告提交时采集，不做后台持续监听
- 用户可以取消勾选，完全自主控制
失败网络请求自动采集
很多网页问题不是前端渲染的错——而是 API 调用失败了。页面看起来坏了，是因为数据根本没到。 BugCapturer 自动采集失败的网络请求：- 只采集状态码 ≥ 400 的请求（真正的失败）
- 包含 URL、HTTP 方法、状态码、状态文本
- 最多采集最近 5 条
- URL 中的敏感参数自动脱敏（
token、key、secret、password等替换为*）
- 随报告提交时采集，不做后台持续监听
一键分享，或汇入团队工作流
填写完描述后，报告有两条去向，任你选择：- 生成分享链接：一键得到一个公开链接。对方不需要安装插件、不需要注册，浏览器打开就能看到带标注的截图、页面地址和完整诊断信息——发在群里、写进邮件、贴进工单都行。
- 汇入目标：通过"汇入目标"下拉，把报告直接送进飞书多维表格或你自己的 Webhook。报告自动带着截图、Console 错误与失败请求，成为团队表格里的一行，或触发你系统里的任意流程。
团队协作：一个人配置，全员共享
- 团队与成员：owner 配置一次集成，全团队共享使用。邀请需要对方明确同意才入队。
- 凭证不外泄：团队成员可以用共享集成提交报告，但看不到集成凭证本身。
- 项目与域名：一个项目管一个站点，登记允许提交的域名，天然防止 SDK key 被滥用。
- 分享链接可管理：登录用户可以在"我的分享"里随时管理、删除自己发出的报告链接。
集成：报告自动进入你已经在用的工具
| 集成方式 | 适合谁 | 说明 |
|---|---|---|
| 飞书多维表格 | 国内团队 | 无需创建飞书应用，通过自动化 Webhook 直接写入表格，配合飞书原生自动化做群通知 |
| 通用 Webhook | 有自有系统的团队 | 签名 + 版本化的 JSON 载荷，可接入 n8n / Zapier / Make / 自有服务，带自动重试、投递日志与手动补发 |
7 种语言支持
BugCapturer 支持 7 种语言界面：- 中文（简体）
- English
- Deutsch
- Français
- Español
- Português (Brasil)
- 日本語
数据安全与隐私设计
BugCapturer 是云端协作平台，同时把"哪些数据会被处理、保留多久、谁能看到"做成了明确规则：| 做法 | 具体实现 |
|---|---|
| 加密传输与存储 | 报告通过 HTTPS 传输，服务端加密存储 |
| URL 自动脱敏 | 网络请求 URL 中的 token、key、secret、password 等敏感参数自动替换为 * |
| 链接保留期 | 匿名分享链接保留 30 天、登录用户 90 天，到期自动清理，也可随时手动删除 |
| 随机链接防遍历 | 分享链接使用随机 ID，无法被猜出他人的报告 |
| 权限隔离 | 团队集成由 owner 配置，成员可直接使用，但看不到凭证；项目仅团队内可见 |
| 提交时采集 | 控制台错误和网络请求随报告提交时采集，不做后台持续监听 |
| 用户可控 | 技术诊断信息默认开启，但可以一键取消勾选 |
谁适合用 BugCapturer
QA / 测试工程师
最核心的用户群体。每天需要提交大量 Bug 报告，BugCapturer 把每次报告的时间从 5-15 分钟压缩到 30-60 秒，同时自动附带技术诊断信息，减少"无法复现"的来回沟通。前端开发者
调试跨浏览器兼容性问题时，需要快速记录不同浏览器下的表现差异。BugCapturer 自动采集浏览器版本、分辨率、视口信息，省去手动记录的麻烦。产品经理
收集用户反馈时，用户往往描述不清问题。把 Web SDK 嵌进站点后，访客可以直接"指给你看"问题在哪，附带的技术信息也省去了追问的步骤。UI/UX 设计师
做视觉走查（Visual Review）时，需要标注设计稿和实际页面的差异。BugCapturer 的 5 种标注工具足够精确地标记视觉问题，生成的分享链接可以直接发给甲方或客户确认。团队负责人 / 项目管理者
UAT 与验收阶段最怕"反馈散落在各自手里"。BugCapturer 让反馈统一汇进飞书表格或你已有的系统，进度、责任人、状态都在一个地方看到——这正是组织效率最容易被卡住的一环。普通互联网用户
任何发现网站问题并想反馈的人。不需要技术背景，不需要打开开发者工具，30 秒就能提交一份专业的反馈。BugCapturer vs 其他方案
| 维度 | 手动截图+邮件 | 手机拍照发微信 | 专业反馈平台 | BugCapturer |
|---|---|---|---|---|
| 耗时 | 5-15 分钟 | 2 分钟 | 3-5 分钟 | 30 秒 |
| 标注能力 | 无/弱 | 无 | 强 | 5 种工具 |
| 技术信息 | 手动填写 | 无 | 自动采集 | 自动采集 |
| 控制台错误 | 需要会 DevTools | 无 | 部分支持 | 自动采集 |
| 网络错误 | 需要会 DevTools | 无 | 部分支持 | 自动采集 |
| 报告去向 | 个人收件箱 | 群聊 | 平台内 | 飞书表格 / Webhook / 分享链接 |
| 团队协作 | 弱 | 弱 | 强 | 共享集成 + 公开链接 |
| 价格 | 免费 | 免费 | 付费 | 免费起步 |
安装和使用
安装
使用
常见问题
BugCapturer 免费吗？
免费起步。免费档包含 1 个席位、3 个项目、1 个集成，核心的截图标注、录屏、自动诊断与分享链接都能用；团队规模变大后再按需升级。没有试用期倒计时。我的数据安全吗？
报告通过 HTTPS 传输、加密存储；URL 中的敏感参数自动脱敏为*；分享链接有保留期（匿名 30 天、登录 90 天）并可随时删除；团队集成凭证只有 owner 能看到。完整说明见隐私政策。