{"id":13523445,"url":"https://github.com/takahirox/webgpu-devtools","last_synced_at":"2025-11-13T22:59:57.636Z","repository":{"id":81171894,"uuid":"595406657","full_name":"takahirox/webgpu-devtools","owner":"takahirox","description":null,"archived":false,"fork":false,"pushed_at":"2023-05-04T05:26:37.000Z","size":23421,"stargazers_count":182,"open_issues_count":19,"forks_count":4,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-10-04T19:35:04.247Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/takahirox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-01-31T02:19:28.000Z","updated_at":"2025-07-24T15:12:27.000Z","dependencies_parsed_at":"2024-01-13T22:25:26.317Z","dependency_job_id":null,"html_url":"https://github.com/takahirox/webgpu-devtools","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/takahirox/webgpu-devtools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takahirox%2Fwebgpu-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takahirox%2Fwebgpu-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takahirox%2Fwebgpu-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takahirox%2Fwebgpu-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/takahirox","download_url":"https://codeload.github.com/takahirox/webgpu-devtools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/takahirox%2Fwebgpu-devtools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":284304460,"owners_count":26982161,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-13T02:00:06.582Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:01:00.170Z","updated_at":"2025-11-13T22:59:57.603Z","avatar_url":"https://github.com/takahirox.png","language":"JavaScript","readme":"# webgpu-devtools\n\nWebGPU devtools is a [Web browser extension](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions)\nthat helps debug WebGPU applications by monitoring WebGPU usage.\n\n**Note:** This project is still in the alpha stage.\nThe WebGPU devtools may be unstable and buggy now.\nSee the GitHub issues and inline random TODO comments for things that need work.\n\n## WebGPU\n\nWebGPU is a new Web graphics API, which will be available by default\nin Chrome 113. Please refer to [this page](https://developer.chrome.com/blog/webgpu-release/)\nfor details.\n\nTo try WebGPU use Chrome 113 (it is [Chrome Beta](https://www.google.com/chrome/beta/) at\nwriting this README on Apr.22.2023) or newer. Or enable WebGPU via `chrome://flags` on older Chromes.\n\n## How to install the WebGPU devtools\n\nYou can install the WebGPU devtools from the [Chrome Web store](https://chrome.google.com/webstore/detail/webgpu-devtools/ckabpgjkjmbkfmichbbgcgbelkbbpopi)\n\nThis project is still in the alpha stage. If you encounter any issue,\n[please file an issue](https://github.com/takahirox/webgpu-devtools/issues) before\nsending 1-star review at the store :)\n\n## Demo video\n\n[Demo Video](https://twitter.com/superhoge/status/1650000134594523136)\n\n## Screenshots\n\n\u003cimg src=\"./screenshots/devtools.png\" alt=\"WebGPU devtools\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/buffer.png\" alt=\"Show WebGPU buffer content\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/texture.png\" alt=\"Show WebGPU texture content\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/framebuffer.png\" alt=\"Show Framebuffer content\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/shader.png\" alt=\"Show WGSL shader\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/command.png\" alt=\"Show WebGPU commands\" width=\"640\" /\u003e\n\u003cimg src=\"./screenshots/error.png\" alt=\"WebGPU command error highlight\" width=\"640\" /\u003e\n\n## Features\n\nThe Features of the WebGPU devtools are\n\n* Track and show WebGPU objects\n* Capture and show WebGPU commands\n* Highlight WebGPU command errors\n* Show [WGSL](https://www.w3.org/TR/WGSL/) shader code\n* Show buffer, texture, and framebuffer contents\n* Show WebGPU command call stacktrace\n\n**Upcoming features**\n\n* WebGPU commands record and replay [#5](https://github.com/takahirox/webgpu-devtools/issues/5)\n* Memory leak checker [#6](https://github.com/takahirox/webgpu-devtools/issues/6)\n\nFeel free to request features at [the GitHub issues](https://github.com/takahirox/webgpu-devtools/issues).\n\n## How to use\n\n1. Go to a WebGPU application web page (eg: [Three.js WebGPU examples](https://threejs.org/examples/?q=webgpu#webgpu_loader_gltf))\n2. Open WebGPU tab in [the Developer tools](https://developer.chrome.com/docs/devtools/open/#last)\n3. Reload the web page\n4. The WebGPU devtools captures the WebGPU usage of the first 50 animation frames or 5 seconds (TODO: Make it configurable [#4](https://github.com/takahirox/webgpu-devtools/issues/4).)\n5. WebGPU usages are shown in the WebGPU devtools tab\n\nIf you want to capture another WebGPU application or capture the same application again,\njust move there or reload the page. The WebGPU devtools panel will be reset and updated.\n(See the \"Known issues\" section below if it doesn't work.)\n\nThe WebGPU devtools overrides WebGPU functions and tracks WebGPU objects.\nThey may affect performance, memory usage, and functionality in WebGPU applications.\nYou are recommened to enable the WebGPU devtools only when debugging.\n\n## How to build and install locally\n\nIf you want to locally build and install the WebGPU devtools, clone this repository\nand then run `npm install` and `npm run build` commands.\n\n```sh\n$ git clone https://github.com/takahirox/webgpu-devtools.git\n$ cd webgpu-devtools\n$ npm install\n$ npm run build\n```\n\nAfter that, manually load `webgpu-devtools/extensions` as an unpacked extension\nin developer mode. Please refer to\n[this document](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked).\n\n## Known issues\n\n* WebGPU devtools panel is not updated sometimes even after finishing the capcuring.\nIf you face this problem, try to reload the panel and application.\nRefer to [#9](https://github.com/takahirox/webgpu-devtools/issues/9) for details.\n\nAlso see [the GitHub issues](https://github.com/takahirox/webgpu-devtools/issues) for others.\n\n## Contributions\n\nThis project is still in the alpha stage. There are a lot of things that need to be done.\nContributions are very welcome. If you look for any issues to work on, find inline TODO comments\nor issues at [the GitHub issues](https://github.com/takahirox/webgpu-devtools/issues).\n\nAlso feel free to post any bug reports or feature requests at [the GitHub issues](https://github.com/takahirox/webgpu-devtools/issues).\n\nThe author is not a front-end engineer. Ideas or PRs for improving the UI are very welcome.\n\n## Disclaimer\n\nThis software is provided for debugging purposes only. This software is not intended to be used\nto steal WebGPU application contents.\n\nThis software is provided \"as is\" without warranty of any kind, either express or implied,\nincluding but not limited to the implied warranties of merchantability and fitness for a\nparticular purpose. The author shall not be liable for any damages whatsoever arising out\nof the use of this software, even if the author has been advised of the possibility of such damages.\n","funding_links":[],"categories":["Debuggers and Profilers"],"sub_categories":["Safari"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakahirox%2Fwebgpu-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftakahirox%2Fwebgpu-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftakahirox%2Fwebgpu-devtools/lists"}