禁止浏览器F12

禁止浏览器F12

注意：此方法只适用于展示数据，交互无法使用，因为用户每次修改数据都会导致重新加载页面

• CSS样式，禁止选中中文

<style>
    html,body{  
        -moz-user-select: none; 
        -webkit-user-select: none;  
        -ms-user-select: none; 
        -khtml-user-select: none;  
        user-select: none;  
    }  
</style> 

• JS禁止开启浏览器开发者模式，判断页面高度变化等

    let h = window.innerHeight;
    let w = window.innerWidth;

    //禁用右键
    document.oncontextmenu = function () { return false; };

    //在本网页的任何键盘敲击事件都是无效操作 （防止F12和shift+ctrl+i调起开发者工具）  
    window.onkeydown = window.onkeyup = window.onkeypress = function () {
        window.event.returnValue = false;
        return false;
    }

    //禁用开发者工具F12
    document.onkeydown = function () {
        if (window.event && window.event.keyCode == 123) {
            event.keyCode = 0;
            event.returnValue = false;
            return false;
        }
    };

    //如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面  
    window.onresize = function () {
        if (h != window.innerHeight || w != window.innerWidth) {
            window.close();
            window.location = "about:blank";
        }
    }