Spector.js

Explore and Troubleshoot your WebGL scenes easily.

What is Spector.js?

Spector.js is a Chrome extension developed by babylon.js, and its main feature is "Explore and Troubleshoot your WebGL scenes easily.".

Extension Screenshots

screenshot
screenshot

Download Spector.js Extension CRX File

Download Spector.js 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

                        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.                    

Extension Basic Information

Name Spector.js Spector.js
ID denbgaamihkadbghdceggmchnflmhpmk
Official URL https://chromewebstore.google.com/detail/spectorjs/denbgaamihkadbghdceggmchnflmhpmk
Description Explore and Troubleshoot your WebGL scenes easily.
File Size 370 KB
Installation Count 31,249
Current Version 0.9.30
Last Updated 2024-02-02
Publish Date 2020-03-16
Rating 4.61/5 Total 41 Ratings
Developer babylon.js
Email [email protected]
Payment Type free
Extension Website https://spector.babylonjs.com
Help Page URL https://github.com/BabylonJS/Spector.js
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "minimum_chrome_version": "20",
    "name": "Spector.js",
    "version": "0.9.30",
    "homepage_url": "http:\/\/spector.babylonjs.com\/",
    "description": "Explore and Troubleshoot your WebGL scenes easily.",
    "author": "@SpectorJS",
    "permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "page_action": {
        "default_icon": {
            "19": "spectorjs-19.png",
            "38": "spectorjs-38.png"
        },
        "default_title": "Debug with Spector"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": true
    },
    "content_scripts": [
        {
            "matches": [
                "file:\/\/*\/*",
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "spector.bundle.func.js",
                "contentScript.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        "spector.bundle.js",
        "popup.js",
        "result.js"
    ],
    "icons": {
        "48": "spectorjs-48.png",
        "128": "spectorjs-128128.png"
    }
}