当你发现漏洞的那一刻,可能有过试图用文字描述情况却浪费时间的经历。使用 PromptShot 的绘图功能和快捷键(Alt+Shift+S),你可以将浏览器中发现的漏洞状态、复现路径的捕获、注释以及提示词复制整合为一个流畅的操作流程。
仅用文字描述漏洞情况时产生的问题
用文字解释漏洞比想象中更棘手。如果开发人员收到“点击右上角按钮时,模态框显示异常”这样的描述,他们必须再次询问具体是哪个按钮,以及异常的具体表现。随着这种来回沟通的积累,即使是简单的漏洞,仅共享上下文就可能耗费数十分钟。
特别是在向 Cursor 或 Claude 等人工智能编程工具描述漏洞时,如果只粘贴文本,工具就必须猜测用户界面状态。如果猜测错误,就会生成不正确的修复代码。最终,开发人员不得不反复补充上下文,陷入循环。
问题主要有两点:
- 位置:仅凭文字很难准确传达“元素位于何处”。
- 状态:如果不通过截图进行说明,错误消息、布局错乱、空白区域等视觉状态的信息量会减少。
使用绘图工具直接在屏幕上标记,并将该图像连同提示词一起粘贴到大语言模型中,是解决这一问题最快的途径。
如何使用 PromptShot 绘图工具标记漏洞位置?
PromptShot 的绘图工具在捕获屏幕后立即激活。无需打开单独的图像编辑器。
拖动选择区域进行捕获后,编辑面板将会打开,你可以选择以下工具:
| 工具 | 用途 | 在漏洞报告中的使用方式 |
|---|---|---|
| 画笔(自由绘制) | 在特定区域自由标记 | 圈出损坏的文本或图像边界 |
| 荧光笔 | 半透明高亮 | 高亮显示错误消息文本 |
| 箭头 | 指示方向 | 标记顺序,如“点击此按钮后,弹出该窗口” |
| 文本 | 简短注释 | 记录复现路径,如“在此处点击 → 出现404错误” |
例如,设想一个虚拟场景。假设你在支付流程中发现了一个漏洞:“下一步”按钮在特定分辨率下被截断。你可以用箭头指向按钮位置,并使用文本工具简短备注“在1280像素宽度下发生裁剪”。这一张图像比三段文字描述更为准确。
捕获范围不必是整个屏幕,只需裁剪出问题发生的组件区域即可。缩小范围反而能让大语言模型更清楚地知道应关注哪里。
如何通过立即复制到剪贴板来编写漏洞报告提示词?
完成注释工作后,按 Alt+1 或 Alt+2 选择复制内容。
- Alt+1:仅将可移植网络图形(PNG)图像复制到剪贴板
- Alt+2:将提示词文本和可移植网络图形(PNG)图像一起复制到剪贴板
在创建漏洞报告提示词时,请使用 Alt+2。将复制的内容直接粘贴到 Cursor、Claude 或 ChatGPT 中,图像和文本上下文将同时传递。
提示词文本部分会自动包含捕获的统一资源定位符(URL)、浏览器信息和捕获时间。在此基础上手动添加一行复现条件,即可形成一份完善的漏洞报告提示词。
实际上,粘贴到人工智能编程工具中的提示词结构如下:
[已附加捕获图像]
统一资源定位符(URL):/checkout
复现环境:Chrome 124,1280×800
复现步骤:
1. 在购物车中点击“去结算”
2. 输入配送信息后点击“下一步”
3. 按钮如上图中所示,被视口边缘截断
预期行为:按钮完整显示在屏幕内
实际行为:按钮右侧部分被截断,无法点击
请基于上述图像和复现步骤分析原因,并提出修复建议。
你无需每次都手动输入此结构。如果在 PromptShot 中保存了提示词模板,那么从下一个漏洞开始,只需经过捕获、注释、粘贴三个步骤即可完成。
如何使用 Alt+Shift+S 快速处理问题跟踪?
Alt+Shift+S 是 PromptShot 的全局捕获快捷键。它在浏览器之外的任何窗口中均有效,按下后会直接进入拖动选择模式。
当与问题跟踪工具(如 Linear、Jira、GitHub Issues 等)配合使用时,工作流程会变得更加简单。
分步流程:
- 在浏览器中发现漏洞
- Alt+Shift+S → 拖动捕获漏洞区域
- 使用绘图工具标记位置和状态
- Alt+2 → 将提示词和图像复制到剪贴板
- 粘贴到人工智能编程工具中,请求原因分析或修复代码
- 确认修复代码后,在问题跟踪器中使用同一张图像创建工单
在第5步和第6步之间,使用 Alt+1 单独复制图像并附件到问题跟踪器中,也是一种自然的工作流。你可以从同一次捕获中分别提取用于大语言模型的提示词和用于问题跟踪器的附件图像。
在此流程中,无需单独保存文件或打开文件。所有处理均在浏览器本地进行,页面内容不会传输到外部。即使漏洞发生在内部预发布环境或未公开的功能页面上,你也可以放心使用。
针对不同漏洞类型的捕获方式选择标准
针对不同类型的漏洞,捕获策略略有不同。
| 漏洞类型 | 建议捕获范围 | 绘图工具组合 |
|---|---|---|
| 布局错乱 | 包含问题组件的整个部分 | 箭头 + 文本(“预期区域”) |
| 错误消息 | 仅狭窄地捕获错误提示框或模态框 | 使用荧光笔高亮消息 |
| 空白区域(无数据) | 包含空白容器的卡片区域 | 用画笔画圈 + “此处为空” |
| 无法点击的元素 | 按钮或链接周围
免责声明:本文内容来自互联网,该文观点不代表本站观点。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请到页面底部单击反馈,一经查实,本站将立刻删除。
关于我们
热门推荐
合作伙伴
免责声明:本站部分资讯来源于网络,如有侵权请及时联系客服,我们将尽快处理
友情链接: 爱名网 杭州电子商务研究院 企通社 epower企服引擎 二十二科技集团 第一商务 域名交易 爱名奖 LTD方法论 营销SaaS 22知协 .Co.Ltd数字门户 ToB总监联盟 网站编辑器 官微名片 丽水山泉 浙工大校友企业家联谊会 站点智能 DMP 西湖龙井茶官网 标诺网 欧朋不锈钢全屋定制 通用站点案例库 索易软件 巨量星球 衡源升业称重 恒齿传动股份 更多
|