webgpu-devtools

WebGPU devtools for debugging WebGPU applications

What is webgpu-devtools?

webgpu-devtools is a Chrome extension developed by hogehoge.gachapin, and its main feature is "WebGPU devtools for debugging WebGPU applications".

Extension Screenshots

screenshot

Download webgpu-devtools Extension CRX File

Download webgpu-devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        WebGPU devtools is a web browser extension that helps debug WebGPU applications.

It captures WebGPU usage. You can check for example

- Created WebGPU objects
- WebGPU command history and callback
- Error WebGPU commands
- WGSL shader code
- Buffer, texture, and framebuffer contents

The WebGPU devtools is still in the alpha stage. I'm happy if you send any bug reports or feature requets.                    

Extension Basic Information

Name webgpu-devtools webgpu-devtools
ID ckabpgjkjmbkfmichbbgcgbelkbbpopi
Official URL https://chromewebstore.google.com/detail/webgpu-devtools/ckabpgjkjmbkfmichbbgcgbelkbbpopi
Description WebGPU devtools for debugging WebGPU applications
File Size 160 KB
Installation Count 646
Current Version 0.0.1
Last Updated 2023-05-02
Publish Date 2023-05-01
Rating 5.00/5 Total 1 Ratings
Developer hogehoge.gachapin
Email [email protected]
Payment Type free
Extension Website https://github.com/takahirox/webgpu-devtools
Help Page URL https://github.com/takahirox/webgpu-devtools
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "webgpu-devtools",
    "short_name": "webgpu-devtools",
    "version": "0.0.1",
    "author": "Takahiro Aoyagi",
    "description": "WebGPU devtools for debugging WebGPU applications",
    "manifest_version": 3,
    "background": {
        "service_worker": "background.js"
    },
    "host_permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "devtools_page": "devtools.html",
    "content_scripts": [
        {
            "js": [
                "content-script.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "webgpu-devtools.bundle.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ]
}