Bug 报告截图

使用案例：创建高效的 Bug 报告截图

在软件开发和测试中，一份清晰、信息完整的 Bug 报告是高效沟通和快速修复问题的关键。Full Page Screenshot 扩展提供了强大的工具，可以帮助您轻松创建包含所有必要上下文的截图。

为什么选择 Full Page Screenshot？

• 完整性: 捕获整个页面，确保不会遗漏任何可能相关的 UI 元素。
• 上下文信息: 编辑页会显示页面 URL、截图时间、视口、截图模式和图片尺寸；浏览器版本与操作系统需要手动补充。
• 标注能力: 内置编辑器可以直接添加箭头、文字、形状和模糊，直观指出问题位置。

操作步骤

第一步：发现并捕获问题

当您在网页上发现一个 Bug 时，点击浏览器工具栏上的 Full Page Screenshot 图标。根据问题的具体情况，选择最合适的截图模式：

• 截取整页: 捕获整个滚动页面的内容。
• 截取当前视图: 仅捕获当前浏览器窗口中可见的区域。
• 截取选定区域: 当问题只涉及当前视口中的某个范围时使用。

第二步：在编辑器中详细标注

截图完成后，它会自动在新标签页的编辑器中打开。现在，利用强大的编辑工具来丰富您的 Bug 报告：

1. 使用箭头工具: 指向出现问题的具体元素，例如一个错位的按钮或错误的文本。
2. 使用文本工具: 添加简短的注释，描述期望的行为或实际出现的问题。
3. 使用矩形工具: 框出问题区域，使其更加醒目。
4. 使用模糊工具: 如果截图中包含用户的敏感信息（如姓名、邮箱），请务必使用模糊工具进行处理，保护用户隐私。

第三步：导出并分享

完成标注后，点击右上角的“下载”按钮。您可以选择将截图保存为 PNG 或 JPG 文件。

下载或复制截图后，将它上传到 Jira、GitHub Issues、Trello 等工具。编辑页的 Jira/GitHub 操作会复制 Markdown 文本，不会自动上传图片；请补全模板中的操作系统、浏览器和版本信息。

最佳实践

提示: 为了让开发者更快地复现问题，建议在 Bug 报告中除了附上截图，还要写清楚复现步骤、期望结果和实际结果。截图是辅助理解的强大工具，但不应替代文字描述。