BugCapturer 是什么?一款免费的网页视觉反馈采集工具

为什么需要 BugCapturer

传统 Bug 反馈有多痛苦

你发现了一个网站问题,想要反馈。传统流程是这样的:
  • 按 Print Screen 截图
  • 打开画图工具粘贴
  • 用画笔圈出问题区域(很丑,不精准)
  • 打开邮件客户端
  • 手动输入 URL
  • 手动查看并输入浏览器版本
  • 尝试打开开发者工具复制错误信息(如果你知道怎么打开的话)
  • 写一段问题描述
  • 添加截图附件
  • 发送
  • 总耗时:5-15 分钟。 而且大概率遗漏关键信息,开发者还要来回追问。

    BugCapturer 怎么做

  • 点击扩展图标
  • 框选问题区域
  • 添加箭头/文字标注
  • 填写一句描述
  • 点击"发送邮件"
  • 总耗时:30 秒。 URL、浏览器信息、控制台错误、网络请求失败——全部自动采集。

    核心功能详解

    区域截图

    点击扩展图标后,在网页上拖拽即可框选任意区域。不需要截全屏再裁剪——直接选中你想反馈的那一块。
    • 8 个方向的调整手柄,精确控制选区
    • 选区外自动暗化,突出重点
    • 支持右键菜单快速启动("截图反馈")

    5 种标注工具

    截图后进入标注编辑器,提供 5 种工具:
    工具 用途 示例
    箭头 指向具体问题元素 用红箭头指向重叠的按钮
    矩形 框选问题区域 用矩形框住布局错乱的区块
    文字 添加文字说明 标注"此处文字被截断"
    画笔 自由绘制 圈出、划线、打勾
    马赛克 模糊敏感信息 打码用户名、邮箱、API 密钥
    标注完成后,截图自动复制到剪贴板,也可以在邮件中 Ctrl+V 直接粘贴。

    自动技术元数据采集

    提交反馈时,BugCapturer 自动采集以下信息,无需手动输入:
    信息 为什么重要
    页面 URL 精确定位问题所在页面
    浏览器名称和版本 排查浏览器兼容性问题
    操作系统 排查系统特定问题
    屏幕分辨率 排查布局在不同分辨率下的表现
    视口尺寸 判断响应式布局问题
    设备像素比(DPR) 判断 Retina/HiDPI 显示问题
    时间戳 记录问题发生时间
    这些信息手动填写至少需要 2-3 分钟,而且容易出错。BugCapturer 一键自动完成。

    控制台错误自动采集

    网页出问题时,浏览器控制台几乎总是有错误信息。但大多数人不知道怎么打开控制台,更不知道怎么复制错误。 BugCapturer V1.0.1 新增了控制台错误自动采集:
    • 只采集 error 级别(过滤掉 info/warn 噪音)
    • 包含错误消息 + 源码位置(文件名:行号:列号)
    • 最多采集最近 10 条
    • 仅在提交时采集,不做后台监听
    • 用户可以取消勾选,完全自主控制
    这意味着即使最不懂技术的用户,也能提交包含专业诊断信息的 Bug 报告。

    失败网络请求自动采集

    很多网页问题不是前端渲染的错——而是 API 调用失败了。页面看起来坏了,是因为数据根本没到。 BugCapturer V1.0.1 自动采集失败的网络请求:
    • 只采集状态码 ≥ 400 的请求(真正的失败)
    • 包含 URL、HTTP 方法、状态码、状态文本
    • 最多采集最近 5 条
    • URL 中的敏感参数自动脱敏(tokenkeysecretpassword 等替换为 *
    • 仅在提交时采集,不做后台监听

    一键邮件发送

    填写完描述后,点击"发送邮件":
    • 自动调起系统默认邮件客户端
    • 邮件主题自动生成(包含反馈类型和页面标题)
    • 邮件正文包含:描述、技术元数据、控制台错误、网络错误
    • 截图自动复制到剪贴板,Ctrl+V 即可粘贴为附件
    • 所有信息预填好,你只需要点"发送"

    7 种语言支持

    BugCapturer 支持 7 种语言界面:
    • 中文(简体)
    • English
    • Deutsch
    • Français
    • Español
    • Português (Brasil)
    • 日本語
    插件界面语言自动跟随浏览器语言设置,也可以手动切换。

    隐私设计:零数据上传

    BugCapturer 从设计之初就坚持一个原则:你的数据,只属于你。
    原则 具体实现
    零数据上传 不上传任何数据到任何服务器。截图、标注、技术信息全部留在本地
    无需注册 不需要创建账号,不需要邮箱验证,安装即用
    最小权限 只申请必要的浏览器权限,不读取浏览历史、不访问标签页内容
    一次性采集 控制台错误和网络请求仅在提交时采集,不做后台持续监听
    用户可控 技术诊断信息默认开启,但可以一键取消勾选
    URL 脱敏 网络请求 URL 中的敏感参数自动替换为 *
    邮件直达 报告通过你自己的邮件客户端发送,不经过任何第三方
    与 Marker.io、Usersnap 等竞品不同,BugCapturer 不运营任何云端服务,不存储任何用户数据,因此不存在数据泄露的风险。对于有 GDPR 合规要求的企业,这也是最安全的选择。

    谁适合用 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 部分支持 自动采集
    隐私安全 取决于方式 数据上云 零上传
    价格 免费 免费 付费 免费
    注册要求 必须 无需注册

    安装和使用

    安装

  • 访问 Chrome Web Store
  • 点击"添加到 Chrome"
  • 确认安装
  • 安装时间:约 5 秒。

    使用

  • 浏览网页时发现问题
  • 点击浏览器工具栏的 BugCapturer 图标(或右键 → "截图反馈")
  • 拖拽框选问题区域
  • 用箭头、文字等工具标注
  • 选择反馈类型(Bug / 建议 / 问题)
  • 填写描述(一句话即可)
  • 勾选"包含技术诊断信息"(默认已勾选)
  • 填入收件人邮箱
  • 点击"发送邮件"
  • 在弹出的邮件客户端中粘贴截图(Ctrl+V),点击发送
  • 完成!一份包含截图、标注、技术元数据、控制台错误、网络错误的完整反馈已发送。

    常见问题

    BugCapturer 免费吗?

    完全免费,没有付费版,没有功能限制,没有试用期。

    我的数据安全吗?

    BugCapturer 不上传任何数据到任何服务器。所有信息都在你的浏览器本地处理,通过你自己的邮件客户端发送。我们甚至没有服务器可以存储你的数据。

    需要注册账号吗?

    不需要。安装即用,零门槛。

    支持 Firefox / Safari 吗?

    目前支持 Chrome 和 Edge(基于 Chromium 的浏览器)。Firefox 和 Safari 版本在规划中。

    截图会上传到云端吗?

    不会。截图保存在你的浏览器本地,通过剪贴板粘贴到邮件中。不经过任何第三方服务器。

    控制台错误会一直监听吗?

    不会。BugCapturer 仅在你点击"发送邮件"的那一刻采集当前的控制台错误,不做后台持续监听。你也可以取消勾选"包含技术诊断信息"来完全关闭这个功能。

    支持哪些语言?

    中文、英文、德文、法文、西班牙文、葡萄牙文(巴西)、日文,共 7 种语言。界面语言自动跟随浏览器设置。

    准备好开始了吗?

    BugCapturer 永久免费,无需注册,零数据上传,7 种语言支持。从发现问题到发送报告,只需 30 秒。 添加 BugCapturer 到 Chrome — 免费

    别再描述Bug了,
    直接展示它。
    永久免费,无需注册。几秒安装,今天就能发送你的第一份Bug报告。
    添加到 Chrome — 免费