WebGPU Inspector

holcbbnljhkpkjkhgkagjkhhpeochfal

DevTools debugger and profiler for WebGPU — inspect objects, capture frames, edit shaders live, and analyze GPU performance. 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.

Related extensions