npm install devtools-detector --save
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: closed';
});
// 2. Launch detection
launch();require(['devtools-detector'], function (devtoolsDetector) {
const view = document.createElement('div');
document.body.appendChild(view);
devtoolsDetector.addListener(function (isOpen) {
view.innerText = isOpen
? 'DevTools status: open'
: 'DevTools status: closed';
});
devtoolsDetector.launch();
});<script src="node_modules/devtools-detector/lib/devtools-detector.js"></script>
<script>
const view = document.createElement('div');
document.body.appendChild(view);
devtoolsDetector.addListener(function (isOpen) {
view.innerText = isOpen
? 'DevTools status: open'
: 'DevTools status: closed';
});
devtoolsDetector.launch();
</script>- IE9+ (requires Promise polyfill)
- Edge
- Chrome
- Firefox
- Safari
- Opera
interface DevtoolsDetail {
isOpen: boolean;
checkerName: string;
}type DevtoolsDetectorListener = (
isOpen: boolean,
detail?: DevtoolsDetail
) => void;-
launch(): Start detection -
isLaunch(): Returnstrueif detection is active,falseotherwise -
stop(): Stop detection -
addListener(listener: DevtoolsDetectorListener): Add a listener -
removeListener(listener: DevtoolsDetectorListener): Remove a listener -
setDetectDelay(value: number): Set detection loop delay time. Ifvalue <= 0, detection stops. -
crashBrowserCurrentTab(): Crash the current browser tab (tested only on Chrome)// Example: crash the current browser tab 2 seconds after DevTools is opened import { addListener, crashBrowserCurrentTab } from 'devtools-detector'; addListener(function (isOpen) { if (isOpen) { setTimeout(crashBrowserCurrentTab, 2000); } });
-
crashBrowser(): Crash all browser tabs (tested only on Chrome)
- In Firefox, if DevTools is undocked, it's only detected when switching to the Console Panel.
- Ensure that
devtools-detectoris loaded before other scripts.
- sindresorhus/devtools-detect
- zswang/jdetects
- How to detect if browser DevTools is open in JavaScript? (Chinese)
MIT © AEPKILL