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://bbs.125.la/";
}
ConsoleManager.init();
DisableDevtool({
    ondevtoolopen: (type) => {
        const info = 'devtool opened!; type =' + type;
        },
})
</script>

示例地址

https://pan.metanetdisk.com/

本文作者

Soujer

郝单纯💋

Awesome·LYG 发表于 2024-8-21 16:27
无痕模式不会加载js

ctrl+F5刷新的会检测开发人员工具自动关闭页面。

复现不出来 能远程我复现一下吗 看我资料栏有QQ

please

感谢分享，支持开源！！！

396384183

坚持学习,支持论坛

Awesome·LYG

无痕模式不会加载js

ctrl+F5刷新的会检测开发人员工具自动关闭页面。
但是再次打开，开发人员工具正常可以打开
也就是说有且只有ctrl+F5刷新的同时才会检测到，你正常打开页面不刷新是检测不到的

13817321991

66666666666666

郝单纯💋

Awesome·LYG 发表于 2024-8-21 10:02
Microsoft Edge
版本 127.0.2651.105 (正式版本) (64 位)

奇怪我跟你一样的版本啊，你是不是有缓存啥的 CTRL+F5一下

kyo9766

学习一下怎么监控，感谢分享

Awesome·LYG

郝单纯💋 发表于 2024-8-21 09:17
浏览器什么版本

Microsoft Edge
版本 127.0.2651.105 (正式版本) (64 位)

郝单纯💋

Awesome·LYG 发表于 2024-8-20 18:22
[quote]郝单纯

浏览器什么版本