Javascript反调试实现判断用户是否打开了浏览器控制台

郝单纯💋

前言

晓杰最近在研究如何防止用户恶意调试前端网页代码，防止打开控制台进行调试，首先禁用了浏览器页面右键事件和F12等快捷键！然后利用了创建元素是否成功方式进行校验,具体实现代码如下。

代码HTML中插入代码

<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
<script >
document.addEventListener('keydown', function(event) {
    // 检查 F12 键
    if (event.key === 'F12') {
        event.preventDefault();
    }
    // 检查 Ctrl + Shift + I 组合键
    if (event.ctrlKey && event.shiftKey && event.key === 'i') {
        event.preventDefault();
    }
    // 检查 Ctrl + Shift + J 组合键
    if (event.ctrlKey && event.shiftKey && event.key === 'j') {
        event.preventDefault();
    }
    // 检查 Ctrl + Shift + C 组合键
    if (event.ctrlKey && event.shiftKey && event.key === 'c') {
        event.preventDefault();
    }
});
document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
});
var ConsoleManager={
    onOpen(){
    },
    onClose(){
    },
    init(){
        var self = this;
        var x = document.createElement('div');
        var isOpening = false,isOpened=false;
        Object.defineProperty(x, 'id', {
            get(){
                if(!isOpening){
                    self.onOpen();
                    isOpening=true;
                }
                isOpened=true;
            }
        });
        setInterval(function(){
            isOpened=false;
            console.info(x);
            console.clear();
            if(!isOpened && isOpening){
                self.onClose();
                isOpening=false;
            }
        },200)
    }
}
//检测到打开 直接跳转到其他网址 或者做其他方式自己改
ConsoleManager.onOpen = function(){
    location.href="https://125.confly.eu.org/";
}
ConsoleManager.init();
DisableDevtool({
    ondevtoolopen: (type) => {
        const info = 'devtool opened!; type =' + type;
        },
})
</script>

示例地址

https://pan.metanetdisk.com/

本文作者

Soujer

baitso

支持开源~！感谢分享

lufanjingyi

能打开啊

lufanjingyi

Ddtian稻田网络

先在别的网页打开控制台，然后再打开你这个网址，控制依然在

阿白不爱吃菜

打开浏览器,正常界面打开控制台,然后再访问

阿白不爱吃菜

纯闲的,介意就删
新建 文本文档.txt (673 Bytes, 下载次数: 2)

2024-8-19 19:15 上传

点击文件名下载附件
下载积分: 精币 -2 枚

洋滨

右上角直接打开，没任何反应

1435990998

你这个不行啊，可以弄一个函数调用debugger然后用定时器检查是否超时，超时就说明debugger卡住了也就是打开了控制台（没实战过，yy出来的方案）

chenyuqi1230

无痕访问，就能正常进了，昨天刚给朋友测试了