Devtools Status Detector
Overview
Devtools Status Detector is a Chrome extension developed by VO THAI SON.
According to the data from Chrome web store, current version of Devtools Status Detector is 0.0.2, updated on 2017-08-22.
21 users have installed this extension.
No user have rated this extension yet.
Allows Javascript Developers to know when Chrome Devtools is open/closed.
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.
Devtools Status Detector Alternatives
Name | Category | Rating | Rating Count | Installs |
---|---|---|---|---|
npm lookup | Developer Tools | (2) | 40 | |
xhr-devtool | Developer Tools | (0) | 55 | |
Check'em All | Developer Tools | (2) | 72 | |
Modify DevTools Fonts | Developer Tools | (0) | 22 | |
DOM Overflow | Developer Tools | (2) | 38 | |
R42 Module Loader | Developer Tools | (1) | 10 | |
rappidjs-devtools | Developer Tools | (0) | 68 | |
My npm downloads | Developer Tools | (1) | 26 | |
Panel Components | Developer Tools | (5) | 69 | |
<body class='domain'> | Developer Tools | (1) | 14 | |
ErrorsSpy | Developer Tools | (2) | 97 | |
Chromium Open IDE | Developer Tools | (0) | 66 | |
Jalangi2 | Developer Tools | (1) | 35 | |
Atomic CSS Devtools | Developer Tools | (4) | 66 | |
Basis.js Devtools | Developer Tools | (6) | 56 | |
RE:DOM dev tools | Developer Tools | (1) | 176 | |
jQuery Reference | Developer Tools | (0) | 88 | |
Extension Extractor | Developer Tools | (0) | 60 | |
JavaScript Libraries On the fly! | Developer Tools | (1) | 186 | |
console.sparkline | Developer Tools | (1) | 97 | |
Search GitHub | Developer Tools | (0) | 208 | |
View href | Productivity | (0) | 76 | |
Catberry Debugger | Developer Tools | (4) | 111 | |
Site DOM Tree | Developer Tools | (1) | 319 |