适用于 WebGPU 的 DevTools 调试器和分析器 — 检查对象、捕获帧、实时编辑着色器以及分析 GPU 性能。
WebGPU Inspector 是用于调试和分析 WebGPU 应用程序的扩展 - RenderDoc 风格的图形调试，就在 Chrome DevTools 中。
🔍检查
• 浏览每个实时WebGPU 对象的完整详细信息以及准确显示其创建位置的堆栈跟踪。
• 绘制随时间变化的帧时间和GPU 对象计数以跟踪性能。
• 纹理查看器，查看各个像素值。
• 在页面上实时编辑着色器以测试和修复更改，而无需重新加载。
🖼️捕捉
• 捕获一帧或多帧及其所有命令、缓冲区、纹理和渲染通道结果。
• 自动注入渲染和计算通道时间戳查询以测量性能并识别瓶颈。
• 调试着色器（实验性）。单步执行着色器，观察变量值。
• 保存并重新加载捕获，在多个选项卡或窗口中打开，对于A | 很有用。乙分析。
🔵记录
• 记录一组帧的命令和数据，并导出独立的 HTML 或二进制文件，以便在任何地方重现渲染效果 — 非常适合错误报告和回归测试。
• 回放录制的帧，并能够逐步执行命令以渲染到该点。
• 编辑和禁用录制中的命令以帮助调查渲染问题。