webgpu-profiler

webgpu-inspector

Inspection debugger for WebGPU

webgpu-devtools

WebGPU DevTools is a browser extension that helps developers debug WebGPU applications by providing insights into WebGPU usage, objects, and commands. It integrates directly into the browser's developer tools, offering real-time monitoring and visualization of WebGPU resources. ## Key Features - **Object Tracking** — Tracks and displays WebGPU objects like buffers, textures, and framebuffers. - **Command Capture** — Captures and shows WebGPU commands executed by the application. - **Error Highlighting** — Highlights errors in WebGPU commands for easier debugging. - **Shader Inspection** — Displays WGSL shader code used in the application. - **Content Visualization** — Shows the contents of buffers, textures, and framebuffers. - **Call Stacktrace** — Provides call stack traces for WebGPU commands. ## Philosophy WebGPU DevTools aims to make debugging WebGPU applications more accessible by providing a dedicated toolset within the browser's developer environment, similar to existing web development tools.

webgpu-debugger

The webgpu-debugger is an alpha-stage debugging tool designed for WebGPU applications. It enables developers to trace, replay, and debug WebGPU workloads, which is crucial for diagnosing rendering and compute issues in modern web graphics. ## Key Features - **Frame Capture** — Records WebGPU command execution for detailed analysis. - **Standalone Replay** — Replays captured traces independently for debugging. - **Integrated Debugging** — Provides a debugger interface for inspecting WebGPU operations. - **Live Development** — Supports hot-reloading during development for rapid iteration. - **Multi-Library Output** — Builds separate capture, replay, and debugger libraries for flexible integration. ## Philosophy Focuses on providing foundational debugging tools for the emerging WebGPU ecosystem, with an emphasis on modularity and developer workflow integration.