devtools-detector devtools-detector

Install

Usage

ES6 & TypeScript

import { addListener, launch } from 'devtools-detector';
const view = document.createElement('div');
document.body.appendChild(view);
// 1. add listener
addListener(
 isOpen =>
 (view.innerText = isOpen
 ? 'devtools status: open'
 : 'devtools status: close')
);
// 2. launch detect
launch();

AMD

require(['devtools-detector'], function(devtoolsDetector) {
 var view = document.createElement('div');
 document.body.appendChild(view);
 devtoolsDetector.addListener(function(isOpen) {
 view.innerText = isOpen
 ? 'devtools status: open'
 : 'devtools status: close';
 });
 devtoolsDetector.launch();
});

No Module System

<script src="node_modules/devtools-detector/lib/devtools-detector.js"></script>
<script>
 var view = document.createElement('div');
 document.body.appendChild(view);
 devtoolsDetector.addListener(function(isOpen) {
 view.innerText = isOpen
 ? 'devtools status: open'
 : 'devtools status: close';
 });
 devtoolsDetector.launch();
</script>

Support

Type & API

interface DevtoolsDetail {
 isOpen: boolean;
 checkerName: string;
}

type DevtoolsDetectorListener = (isOpen: boolean, detail?: DevtoolsDetail) => void;

Caveats

Reference

License