86 lines
2.2 KiB
JavaScript
86 lines
2.2 KiB
JavaScript
|
const DevToolsDetector = {
|
||
|
|
checkWindowSize() {
|
||
|
|
const threshold = 160;
|
||
|
|
return (
|
||
|
|
window.outerWidth - window.innerWidth > threshold ||
|
||
|
|
window.outerHeight - window.innerHeight > threshold
|
||
|
|
);
|
||
|
|
},
|
||
|
|
|
||
|
|
checkConsole() {
|
||
|
|
let detected = false;
|
||
|
|
const element = new Image();
|
||
|
|
Object.defineProperty(element, 'id', {
|
||
|
|
get: () => { detected = true; }
|
||
|
|
});
|
||
|
|
console.log('%c', element);
|
||
|
|
console.clear();
|
||
|
|
return detected;
|
||
|
|
},
|
||
|
|
|
||
|
|
checkDebugger() {
|
||
|
|
if (import.meta.env.DEV) return false;
|
||
|
|
const start = performance.now();
|
||
|
|
// eslint-disable-next-line no-debugger
|
||
|
|
debugger;
|
||
|
|
const end = performance.now();
|
||
|
|
return end - start > 100;
|
||
|
|
},
|
||
|
|
|
||
|
|
checkToString() {
|
||
|
|
let detected = false;
|
||
|
|
const div = document.createElement('div');
|
||
|
|
Object.defineProperty(div, 'id', {
|
||
|
|
get: function () {
|
||
|
|
detected = true;
|
||
|
|
return 'id';
|
||
|
|
}
|
||
|
|
});
|
||
|
|
console.log(div);
|
||
|
|
console.clear();
|
||
|
|
return detected;
|
||
|
|
},
|
||
|
|
|
||
|
|
detect() {
|
||
|
|
return (
|
||
|
|
this.checkWindowSize() ||
|
||
|
|
this.checkConsole() ||
|
||
|
|
this.checkDebugger() ||
|
||
|
|
this.checkToString()
|
||
|
|
);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export default DevToolsDetector;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
import { useEffect, useState } from 'react';
|
||
|
|
|
||
|
|
const isMobileOrIOS = () =>
|
||
|
|
/iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
|
||
|
|
|
||
|
|
export const useDevToolsDetection = (onDetected) => {
|
||
|
|
const [isBlocked, setIsBlocked] = useState(false);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
if (isMobileOrIOS()) return;
|
||
|
|
|
||
|
|
const interval = setInterval(() => {
|
||
|
|
const detected = DevToolsDetector.detect();
|
||
|
|
|
||
|
|
if (detected && !isBlocked) {
|
||
|
|
setIsBlocked(true);
|
||
|
|
onDetected?.();
|
||
|
|
} else if (!detected && isBlocked) {
|
||
|
|
setIsBlocked(false);
|
||
|
|
clearInterval(interval);
|
||
|
|
setTimeout(() => window.location.reload(), 100);
|
||
|
|
}
|
||
|
|
}, 1000);
|
||
|
|
|
||
|
|
return () => clearInterval(interval);
|
||
|
|
}, [isBlocked]);
|
||
|
|
|
||
|
|
return isBlocked;
|
||
|
|
};
|