Devtools Status Detector

Allows Javascript Developers to know when Chrome Devtools is open/closed.

Apa itu Devtools Status Detector?

Devtools Status Detector adalah ekstensi Chrome yang dikembangkan oleh VO THAI SON, dan fitur utamanya adalah "Allows Javascript Developers to know when Chrome Devtools is open/closed.".

Unduh Berkas CRX Ekstensi Devtools Status Detector

Unduh file ekstensi Devtools Status Detector dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        This extension helps Javascript developers detect when Chrome Devtools is open or closed on current page.

When Chrome Devtools closes/opens, the extension will raise a event named 'devtoolsStatusChanged' on window.document element. 

This is example code:

     function addEventListener(el, eventName, handler) {
        if (el.addEventListener) {
            el.addEventListener(eventName, handler);
        } else {
            el.attachEvent('on' + eventName,
                function() {
                    handler.call(el);
                });
        }
    }


    // Add an event listener.
    addEventListener(document, 'devtoolsStatusChanged', function(e) {
        if (e.detail === 'OPENED') {
            // Your code when Devtools opens
        } else {
            // Your code when Devtools Closed
        }
    });


Please leave a comment if you have questions or ideas.                    

Informasi Dasar Ekstensi

Nama Devtools Status Detector Devtools Status Detector
ID pmbbjdhohceladenbdjjoejcanjijoaa
URL Resmi https://chromewebstore.google.com/detail/devtools-status-detector/pmbbjdhohceladenbdjjoejcanjijoaa
Deskripsi Allows Javascript Developers to know when Chrome Devtools is open/closed.
Ukuran File 17.31 KB
Jumlah Instalasi 29
Versi Saat Ini 0.0.2
Terakhir Diperbarui 2017-08-22
Tanggal Publikasi 2017-08-22
Penilaian 5.00/5 Total 1 Penilaian
Pengembang VO THAI SON
Email [email protected]
Tipe Pembayaran free
Bahasa yang Didukung en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Devtools Status Detector",
    "version": "0.0.2",
    "description": "Allows Javascript Developers to know when Chrome Devtools is open\/closed. ",
    "devtools_page": "devtools.html",
    "manifest_version": 2,
    "permissions": [
        "tabs",
        ""
    ],
    "icons": {
        "16": "img\/icon.png",
        "48": "img\/icon.png",
        "128": "img\/icon.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/utilities.js",
                "js\/content.js"
            ],
            "run_at": "document_end"
        }
    ],
    "background": {
        "scripts": [
            "js\/utilities.js",
            "js\/background.js"
        ]
    },
    "page_action": {
        "default_icon": {
            "19": "img\/icon.png",
            "38": "img\/icon.png"
        },
        "default_title": "Chrome Devtools Status detector"
    },
    "web_accessible_resources": [
        "js\/demo-inpage-script.js"
    ]
}