没有上下文的截图
截图有帮助，但仍会让开发者追问浏览器、URL、控制台错误、网络请求以及到底发生了什么。
BugPort 将插件捕获、挂件上报和仪表盘分流整合到一个工作流中。阅读文档
为快速迭代团队打造的缺陷上报工具
捕获缺陷，将上下文发送给 AI。
BugPort 将截图、标注、日志、网络请求和设备详情，转化为可供 Claude、Codex、Copilot 和团队直接修复的报告。
专为 AI 编码产品、预发布应用、QA 团队和快速迭代的产品团队打造。需要挂件吗？ 安装 `@bugport.ai/widget`。
1 GB 免费方案无限团队成员插件、挂件和仪表盘
问题
缺陷上报方式坏了。
快速团队不需要更多截图。他们需要的是在有人开始复现之前，就能解释清楚缺陷的共享上下文。
反馈散落各处
缺陷通过 Slack、WhatsApp、Loom、邮件、Notion、截图和零散的私信涌来，而非汇入一个共享工作流。
AI 构建的应用迭代太快
使用 AI 工具交付的团队，创造产品功能面的速度超过了传统 QA 交接流程所能跟上的节奏。
开发者把时间耗在复现上
太多调试时间花在重建环境上，而非修复根本问题。
自动修复
报告缺陷，获得一个 Pull Request。
点击「自动修复」，智能体会在你自己的 GitHub Actions 或 GitLab CI 上修复缺陷 — 然后提交 Pull Request，或自动合并安全的界面与翻译修复。完全不占用 BugPort 的服务器。
- 1缺陷已报告自动捕获截图、控制台与网络。
- 2由 Claude 分类界面、文案与翻译修复自动合并；逻辑修复提交 PR。
- 3在你的 CI 上修复智能体编辑代码并在 GitHub Actions 或 GitLab CI 上运行你的测试。
- 4提交或合并 PR你会得到一个可审查的 Pull Request — 或对安全修复自动合并。
fix/bugport-1043进行中
fix: pass currency to charge() on checkout #128
+3 −1
app/payment.py
- charge(total)+ charge(total, currency)- 已分类 · logic
- 已修改 app/payment.py
- 已运行测试 · 通过
所有检查均已通过
已自动合并
ClaudeCodexCopilotCursorMCPGitHubJiraLinear
在你自己的 GitHub Actions 或 GitLab CI 上运行 — BugPort 服务器零成本。安全的界面、文案与翻译修复会自动合并；其余的会提交 Pull Request 供审查。
产品
三种捕获缺陷的方式，一处修复它们。
为每项工作选用合适的捕获入口，然后把所有内容汇入团队可真正动手处理的共享仪表盘。
浏览器插件
无需改动代码，即可在任意网站捕获缺陷。
专为内部团队和 QA 打造。安装 Chrome 扩展程序，即可在任意网站上捕获截图、标注、控制台日志和网络请求。
- 适用于任意网站、预发布分支或生产应用
- 捕获带编号标注的截图
- 采集控制台日志和网络请求
- 提交前选择工作区和项目
网站挂件
让用户在你的应用内部上报缺陷。
将 BugPort 挂件嵌入预发布、测试版或生产环境。用户和测试人员无需安装浏览器扩展程序即可提交结构化缺陷报告。
- 悬浮式缺陷上报启动器
- 内置截图和标注流程
- 用户元数据和环境上下文
- 带来源白名单的公开项目密钥
仪表盘
在附带完整上下文的情况下分流缺陷。
每一次提交都会进入共享仪表盘。查看截图、日志、网络活动、元数据、评论，并跟踪状态。
- 带可直接修复上下文的缺陷详情页
- 评论、状态、严重程度和负责人工作流
- 可分享给团队和 AI 编码智能体的报告
- 工作区和项目组织
上下文
每份报告都包含完整的来龙去脉。
每次缺陷提交都包含视觉、备注、页面、浏览器、日志、网络活动以及工作流详情。不必再追查缺失的信息。
- 视觉截图、标注以及可选的屏幕录制。
- 环境浏览器、操作系统、视口、设备与语言。
- 控制台带完整堆栈跟踪的错误与警告。
- 网络请求、状态码、负载与耗时。
- 复现步骤、用户备注以及确切的页面 URL。
- 工作流项目、优先级、严重程度、负责人与状态。
BUG-1024开放严重
定价页面上的提交按钮无响应
app.example.com/pricing
Submit1
点击「提交」没有反应「在定价页面点击提交按钮没有反应。Chrome 和 Firefox 都试过了。」
环境
Chrome 125macOS 15.21440 × 900
控制台
TypeError: Cannot read property 'submit' of nullReact: invalid prop type for 'onClick'
网络
POST/api/checkout500234 ms
GET/api/plans20042 ms
开发者安装
几分钟内添加挂件。
在预发布、测试版或生产环境中安装挂件，让用户和测试人员可以直接从你的产品上报缺陷。
安装
npm install @bugport.ai/widgetReact 示例
import { BugPortWidget } from "@bugport.ai/widget";
export function App() {
return (
<>
<YourApp />
<BugPortWidget
projectKey="bp_pub_xxxxx"
environment="staging"
apiBaseUrl="https://api.bugport.ai/v1"
user={{
id: "user_123",
name: "Jane Doe",
email: "[email protected]"
}}
/>
</>
);
}应用场景
为快速交付的团队而打造。
当产品迭代迅速、反馈来自多个渠道、调试需要上下文而非猜测时，BugPort 就能派上用场。
AI 构建者
把 AI 构建应用中模糊的反馈，转化为编码智能体可用的结构化调试上下文。
创始人
别再让缺陷淹没在私信里。从测试人员处捕获结构化报告，在发布前修复问题。
QA 团队
用截图、标注、设备元数据和控制台日志，集中管理测试反馈。
产品团队
为产品经理和设计师提供一种可视化的方式来上报问题，无需编写技术性的缺陷工单。
代理机构
让客户直接从预发布环境上报缺陷，无需杂乱的邮件往来或散落的截图。
客服团队
在用户上报问题时捕获完整的技术上下文，让工程师在首次交接时就拿到可直接修复的细节。
集成
融入你的调试工作流。
从 BugPort 的仪表盘开始，再连接团队已在使用的工具。部分集成已上线，其余的正在规划，或专为未来的 AI 工作流而设计。
GitHub规划中
GitLab规划中
Jira规划中
Linear规划中
Slack规划中
Webhooks规划中
MCP专为其设计
Claude智能体就绪
Codex智能体就绪
Copilot智能体就绪
Cursor智能体就绪
团队准备好时即可开始
准备好告别追讨残缺的缺陷报告了吗？
为你的团队和 AI 编码工具提供更快修复问题所需的上下文。