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

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

为什么选择 Full Page Screenshot？

• 完整性: 捕获整个页面，确保不会遗漏任何可能相关的 UI 元素。
• 上下文信息: 自动或手动附带页面 URL、截图时间、浏览器版本等元数据。
• 标注能力: 内置的编辑器允许您直接在截图上添加箭头、文本、高亮和模糊，直观地指出问题所在。

操作步骤

第一步：发现并捕获问题

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

• 整页截图 (Full Page): 最常用的模式，用于捕获整个滚动页面的内容。
• 可见部分 (Visible Part): 仅捕获当前浏览器窗口中可见的区域。
• 选定区域 (Select Area): 当问题仅限于页面上的某个特定组件时，此模式非常有用。

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

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

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

第三步：导出并分享

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

在您的 Bug 报告工具（如 Jira, GitHub Issues, Trello）中，上传这张截图，并附上从扩展中复制的元数据。一份包含视觉证据和技术细节的完美 Bug 报告就完成了！

最佳实践

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