Skip to content

greggman/webgpu_inspector

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WebGPU Inspector

Inspection debugger for WebGPU

Installation

  • Download project from Github.
  • In Chrome, open chrome://extensions
  • Enable Developer Mode (switch in top-right corner)
  • Press Load Unpacked button
  • Browse to <webgpu_inspector directory>/extensions and press Select Folder
  • Make sure the extension is enabled Enable Extension

Usage

The WebGPU Inspector extension is available from the Developer Tools window.

From a page that has WebGPU content, press F12 to open the Chrome Developer Tools window. When the WebGPU Inspector extension is enabled in the extension manager, there will be a WebGPU Inspector tab.

WebGPU Inspector Panel

Inspect

The Inspect button will reload the page and inject the WebGPU Inspector into it, reporting information about the state of WebGPU to the tool.

Record

The Record button will reload the page and inject the WebGPU Recorder into it. This will record all WebGPU commands and data for the given number of Frames and then download it to a file called Filename.html.

About

Inspection debugger for WebGPU

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.9%
  • CSS 11.8%
  • HTML 0.3%