Overview
WebGPU Inspector is the extension for debugging and profiling WebGPU applications — RenderDoc-style graphics debugging, right inside Chrome DevTools.
🔍 Inspect
• Browse every live WebGPU object with full details and the stack trace showing exactly where it was created.
• Plot frame times and GPU object counts over time to track performance.
• Texture viewer, look at individual pixel values.
• Edit shaders live on the page to test and fix changes without reloading.
🖼️ Capture
• Capture one or more frames with all of their commands, buffers, textures, and render pass results.
• Auto-inject render and compute pass timestamp queries to measure performance and identify bottlenecks.
• Debug shaders (experimental, compute only for now). Step through shader execution, watching variable values.
• Save and reload captures, open in multiple tabs or windows, useful for A | B analysis.
🔵 Record
• Record the commands and data for a set of frames and export a standalone HTML or binary file that reproduces the render anywhere — perfect for bug reports and regression tests.
• Play back the recorded frame, with the ability to step through the commands to render up to that point.
• Edit and disable commands in the recording to help investigate rendering issues.
Tags
Privacy Practices
🔐 Security Analysis
⏳ Security scan is queued. Check back soon.