+
80
-

如何检测浏览器是否f12打开了开发者工具?

请问如何检测浏览器是否f12打开了开发者工具?比如用户打开我的网页后又打开了开发者工具,我如何通过js实时检测到呢?

网友回复

+
0
-

可以通过debugger这个变量来定时执行

<html>
<head></head>
<body>
<script>
    function consoleOpenCallback() {
        alert("您打开了");
    }
    !function () {
        const handler = setInterval(() => {
            const before = new Date();
            debugger;
            const after = new Date();
            const cost = after.getTime() - before.getTime();
            if (cost > 100) {
                consoleOpenCallback();
                clearInterval(handler)
            }
        }, 1000)
    }();
</script>

</body>

</html>

我知道答案,我要回答