js屏蔽开发者工具

一、屏蔽浏览器右键菜单审查元素

document.oncontextmenu = function () {
    return false; };

 

二、屏蔽F12以及ctrl+shift+i 打开调试工具

window.onkeydown = function () {
    if(window.event&&window.event.keyCode==123) {
        window.event.returnValue = false;
        return false;
    }
    if(window.event&&window.event.keyCode==73&&window.event.ctrlKey&&window.event.shiftKey) {
        window.event.returnValue = false;
        return false;
    }
};

 

三、打开开发者工具后用debugger卡死调试工具

setInterval(function () {
    check()
}, 1000);
var check = function () {
    function doCheck(a) {
        if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
            (function () { }
                ["constructor"]("debugger")())
        } else {
            (function () { }
                ["constructor"]("debugger")())
        }
        doCheck(++a)
    }
    try {
        doCheck(0)
    } catch (err) { }
};
check();

 

四、判断页面高度判断打开开发者工具后跳转到空白页面

if ((window.outerHeight-window.innerHeight)>200) {
    alert("请关闭开发者工具");
    window.location="about:blank";
}
window.onresize = function () {
    if ((window.outerHeight-window.innerHeight)>200) {
        alert("请关闭开发者工具");
        window.location="about:blank";
    }
};

 

总结：

使用以上4步之后可以初步阻止一些企图。但是还是有破解的方法。所以这屏蔽开发者工具根本就是一个伪需求。。。。吃饱了撑得！