Explore and Troubleshoot your WebGL scenes easily.
Spector.js Extension
Spector is a tool aim to WebGl developers willing to know what happens on their context. It enables capturing all the available information from a frame. You will be empowered to look at your entire commands list with their associated visual states and context information.
You will be able to Explore and Troubleshoot your WebGL and WebGL2 scenes easily. This is compatible with any WebGL capable browser and all the web based 3d engines as well as vanilla scripts.
Read more
You will be able to Explore and Troubleshoot your WebGL and WebGL2 scenes easily. This is compatible with any WebGL capable browser and all the web based 3d engines as well as vanilla scripts.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "minimum_chrome_version": "100", "name" : "Spector.js", "version" : "0.9.32", "homepage_url": "http://spector.babylonjs.com/", "description" : "Explore and Troubleshoot your WebGL scenes easily.", "author": "@SpectorJS", "host_permissions": [ "http://*/*", "https://*/*" ], "permissions": ["storage", "unlimitedStorage", "activeTab"], "action" : { "default_icon" : { "19": "spectorjs-19.png", "38": "spectorjs-38.png" }, "default_title" : "Debug with Spector" }, "background": { "service_worker": "background.js" }, "content_scripts" : [ { "matches" : [ "file://*/*", "http://*/*", "https://*/*" ], "js" : ["contentScriptProxy.js"], "run_at" : "document_start", "all_frames" : true, "world": "ISOLATED" }, { "matches" : [ "file://*/*", "http://*/*", "https://*/*" ], "js" : ["spector.bundle.func.js", "contentScript.js"], "run_at" : "document_start", "all_frames" : true, "world": "MAIN" } ], "web_accessible_resources": [ { "resources": [ "spector.bundle.js", "popup.js", "result.js" ], "matches": [ "*://*/*" ] } ], "icons" : { "48" : "spectorjs-48.png", "128" : "spectorjs-128128.png" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }}
Read more