WebGPU Inspector Debugging Tools
WebGPU Inspector Extension
WebGPU Inspector is a Chrome Developer Tools extension for debugging WebGPU content. It intercepts all WebGPU objects and commands, allowing you to inspect information about any GPU object.
* Inspect any WebGPU object, with a stacktrace for where it was created.
* Catch errors compiling shader modules and pipelines.
* Display textures,.
* Edit shaders live on the page to debug and test shader changes.
* Plot frame times and GPU object counts over time for profiling information.
* Capture and inspect all WebGPU commands used to render a frame, including the texture results of each render pass.
* View uniform and storage buffer content used for draw and dispatch calls.
* Record all commands and data used to render a set of frames, generating a standalone HTML file that can recreate the render.
Read more
* Inspect any WebGPU object, with a stacktrace for where it was created.
* Catch errors compiling shader modules and pipelines.
* Display textures,.
* Edit shaders live on the page to debug and test shader changes.
* Plot frame times and GPU object counts over time for profiling information.
* Capture and inspect all WebGPU commands used to render a frame, including the texture results of each render pass.
* View uniform and storage buffer content used for draw and dispatch calls.
* Record all commands and data used to render a set of frames, generating a standalone HTML file that can recreate the render.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "WebGPU Inspector", "short_name": "webgpu_inspector", "version": "0.9.0", "manifest_version": 3, "description": "WebGPU Inspector Debugging Tools", "author": "Brendan Duncan", "minimum_chrome_version": "116", "icons": { "19": "res/webgpu_inspector_on-19.png", "38": "res/webgpu_inspector_on-38.png" }, "background": { "service_worker": "background.js" }, "devtools_page": "webgpu_inspector_devtools.html", "content_scripts": [ { "js": ["content_script.js"], "matches": ["http://*/*", "https://*/*", "file://*/*"], "run_at" : "document_start", "all_frames" : true }, { "js": ["webgpu_inspector_loader.js"], "matches": ["http://*/*", "https://*/*", "file://*/*"], "run_at" : "document_start", "all_frames" : true, "world": "MAIN" }, { "js": ["webgpu_recorder_loader.js"], "matches": ["http://*/*", "https://*/*", "file://*/*"], "run_at" : "document_start", "all_frames" : true, "world": "MAIN" } ], "web_accessible_resources": [ { "resources": [ "webgpu_recorder_loader.js", "webgpu_recorder.js", "webgpu_inspector_loader.js" ], "matches": ["http://*/*", "https://*/*", "file://*/*"] } ]}
Read more