浏览器上禁止用户用调试方式打开页面

今天分享一个有趣的东西，我们浏览器可以通过F12或者鼠标右键的形式打开html页面，然后就可以看到页面的的信息，如dom结构，加载文件、请求信息等。那有没有办法禁止掉这一行为呢？要相信方法总比问题多，哈哈~
分析：使页面进入调式模式的方法有哪些？
1、按F12
2、鼠标右键，然后。。。
3、提前打开浏览器处于调试模式，然后输入要调试的地址

通过分析我们做出相对应的处理方法即可：
步骤一：禁掉F12按键事件

window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
    // 判断是否按下F12，F12键码为123
    if (event.keyCode === 123) {
        event.preventDefault(); // 阻止默认事件行为
        window.event.returnValue = false;
    }
}

步骤二：禁掉鼠标右键事件

window.oncontextmenu = function() {
    event.preventDefault(); // 阻止默认事件行为
    return false;
}

步骤三：

var threshold = 160; // 打开控制台的宽或高阈值
// 每秒检查一次
setInternet(function() {
    if (window.outerWidth - window.innerWidth > threshold || 
    window.outerHeight - window.innerHeight > threshold) {
        // 如果打开控制台，则刷新页面
        window.location.reload();
    }
}, 1000);

通过以上三个步骤，就可以“保护”你的页面数据啦！