Devtools Status Detector

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

Co to jest Devtools Status Detector?

Devtools Status Detector to rozszerzenie Chrome opracowane przez VO THAI SON, a jego główną funkcją jest „Allows Javascript Developers to know when Chrome Devtools is open/closed.”.

Pobierz plik CRX rozszerzenia Devtools Status Detector

Pobierz pliki rozszerzeń Devtools Status Detector w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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.                    

Podstawowe informacje o rozszerzeniu

Nazwa Devtools Status Detector Devtools Status Detector
ID pmbbjdhohceladenbdjjoejcanjijoaa
Oficjalny URL https://chromewebstore.google.com/detail/devtools-status-detector/pmbbjdhohceladenbdjjoejcanjijoaa
Opis Allows Javascript Developers to know when Chrome Devtools is open/closed.
Rozmiar pliku 17.31 KB
Liczba instalacji 29
Aktualna Wersja 0.0.2
Ostatnia Aktualizacja 2017-08-22
Data Publikacji 2017-08-22
Ocena 5.00/5 Łącznie 1 Oceny
Deweloper VO THAI SON
E-mail [email protected]
Typ Płatności free
Obsługiwane Języki 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"
    ]
}