Devtools Status Detector chrome extension

What is Devtools Status Detector?

Devtools Status Detector is a developer tools chrome extension. it's a free extension , it has 23 active users since released its first version, it earns an average rating of 0.00 from 0 rated user, last update is 2453 days ago.

What’s new in version 0.0.2?

                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.            

How to install Devtools Status Detector?

You could download the latest version crx file or older version files and install it.