禁止用户打开HTML页面调试

有些时候，我们可能想要禁止用户修改或者调试我们HTML页面的代码，这个时候需要阻止用户打开调试窗口，下面介绍一些能够阻止用户在浏览器中打开调试窗口的方法，这些方法只能一定程度的提高打开调试的门槛，并不能完全杜绝。

一、禁用F12

对于使用F12打开调试窗口的方法，我们只要注册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;
}

三、屏蔽粘贴

四、屏蔽复制

五、屏蔽剪切

 

七、有效禁止查看 html 源代码和是否打开防调试

    
    
    
    
    


    
你可以看见吗？