- 扫描
- 运行扫描
- 使用 Chrome Recorder Puppeteer 脚本扫描 Web 应用
使用 Chrome 录制器 Puppeteer 脚本创建扫描
Google Chrome 浏览器内置的 Developer Tools 提供了一个 Recorder 功能,允许用户记录浏览器交互,然后将它们导出为 Puppeteer 脚本。这对于实现复杂的身份验证流程或类似结账等复杂的交互非常有用。
本指南介绍了如何使用 Chrome 录制器生成的 Puppeteer 脚本创建 Web 扫描。Puppeteer 脚本可以自动执行复杂的身份验证或交互流程,例如用户结账流程。
访问 report.ostorlab.co
1. 进入新建扫描。
单击顶部栏中的 New Scan 图标。

2. 选择 Web App。
选择 Web App 选项以创建 Web 扫描。

3. 添加目标 URL。
添加目标 URL 或域名,然后单击 "Continue"。随后的 "Extra Context" 步骤是可选的。

4. 单击 "Full Web Scan"
选择 Full Web Scan 配置文件。带有锁图标和 "Unlock Profile" 按钮的配置文件不包含在您组织的套餐中。

5. 单击 "Continue"
单击 Continue 按钮。

6. 单击 "Test Credentials"
在 "Test Credentials" 步骤中,单击 "+ Test Credentials"。

7. 单击 "Script"
选择 Script 凭据类型。

8. 上传脚本。
可以选择为凭据添加标签,然后上传 Puppeteer 脚本文件。脚本预览会显示在其下方。

9. 配置可选扫描设置。
接下来的步骤是可选的:SBOM 文件、扫描设置(例如 QPS 限制、代理配置或排除 URL 的列表)、自定义检查、标签,以及设置允许扫描运行时间的执行窗口(Execution window)。
10. 单击 "Start scan"
单击 "Start scan",然后在顶部栏的 Scans 中跟踪扫描。扫描会先进入队列,然后开始运行。


创建 Puppeteer 脚本
要从 Chrome 创建 Puppeteer 脚本,请按照以下步骤操作:
1. 在 Chrome 中打开 Developer Tools
- 右键单击网页并选择
Inspect,或按Ctrl+Shift+I(Windows/Linux) 或Cmd+Option+I(Mac)。 - 这将打开 Developer Tools 面板,通常停靠在浏览器窗口的右侧或底部。
2. 访问 Recorder 工具
- 在 Developer Tools 面板中,单击标记为
Recorder的选项卡。 - 如果没有看到,它可能隐藏在 ">>" 图标后面。单击此图标,然后从下拉菜单中选择
Recorder。
3. 开始录制
- 单击
Start Recording按钮。这将开始捕获所有浏览器交互。 - 现在,在您的网站上浏览身份验证流程。例如:
- 转到登录页面
- 输入您的用户名和密码
- 单击登录按钮等
4. 停止录制
- 完成身份验证流程后,单击 Recorder 面板中的
Stop Recording按钮。
5. 检查和导出
- 停止录制后,您可以在 Recorder 面板中检查所有已录制的步骤。如有必要,可以删除不需要的步骤或编辑步骤以更正任何不准确之处。
- 要将录制的交互导出为 Puppeteer 脚本,请在 Recorder 面板中单击
Save按钮或Export按钮(具体标签可能因 Chrome 版本而异)。 - 在计算机上选择一个位置来保存脚本,它将作为
.js文件下载。