js 禁止打开开发者工具

(107条消息) JS禁止打开控制台_hfhan_872914334的博客-优快云博客_js 禁止打开控制台

首先介绍一下打开开发者工具的方式：

1、F12 快捷键

2、鼠标右键-检查

3、浏览器-设置-工具-开发者工具

那么可以针对3种方式分别禁止：

1-禁用F12快捷键

document.addEventListener('keydown', function(event){
   return 123 != event.keyCode || (event.returnValue = false)
});

2-禁用鼠标右键-检查

document.addEventListener(‘'contextmenu'’, function(event){
   return event.returnValue = false
})

第3种方法无法通过快捷键避开

那就要绕开快捷键！寻找打开开发者工具的共同结果

1、针对内嵌的开发者工具：可视区域的宽高就会发生变化（而浏览器的宽高不变）

function resize(){
    var threshold = 200;
    var widthThreshold = window.outerWidth - window.innerWidth > threshold;
    var heightThreshold = window.outerHeight - window.innerHeight > threshold;
    if(widthThreshold || heightThreshold){
        console.log('控制台打开了')
    }
}
window.addEventListener('resize', resize);
resize()