js禁止打開控制臺-有解無憂


```javascript
<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div style="height: 1800px;">
        <img
            src="https://t8.baidu.com/it/u=3571592872,3353494284&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1601802328&t=569d9d4dcf3fee66f151db899b115254">
        <img
            src="https://t8.baidu.com/it/u=3571592872,3353494284&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1601802328&t=569d9d4dcf3fee66f151db899b115254">
        <img
            src="https://t8.baidu.com/it/u=3571592872,3353494284&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1601802328&t=569d9d4dcf3fee66f151db899b115254">
        <img
            src="https://t8.baidu.com/it/u=3571592872,3353494284&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1601802328&t=569d9d4dcf3fee66f151db899b115254">
    </div>
    <script>
        // 禁止保存，拖拽圖片
        for (i in document.images) {
            document.images[i].ondragstart = function () { return false; };
        }
        // 禁止非開發人員打開控制臺和查看元素,在href上添加?debug可打開
        var windowHref = window.location.href;
        //右鍵
        document.oncontextmenu = function (event) {
            var e = event || window.event || arguments.callee.caller.arguments[0];
            if (e.button == 2 && windowHref.indexOf('debug') == -1) {
                return false;
            } else {
                console.log(e.button)
            }
        };
        //f12 ctrl+shift+i ctrl+shift+j
        document.onkeydown = function (e) {
            var currKey = 0, evt = e || window.event;
            currKey = evt.keyCode || evt.which || evt.charCode;
            if ((currKey == 123 || currKey == 16 || currKey == 17 || currKey == 73 || currKey == 74) && windowHref.indexOf('debug') == -1) {
                return false
            } else {
                console.log(currKey)
            }
        }
        //如果從瀏覽器設定打開便清空body
        isConsole();
        window.onresize =function isConsoles(){isConsole()};
        function isConsole() {
            //頁面可視寬高
            var contWidth = window.innerWidth;
            var contHeight = window.innerHeight;
            //瀏覽器寬高
            var outWidth = window.outerWidth;
            var outHeight = window.outerHeight;
            //打開移動端模式時
            var browser = {
                versions: function () {
                    var u = navigator.userAgent, app = navigator.appVersion;
                    return {  
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/), 
                    };
                }(),
            }
            if ((outWidth - contWidth > 120 || outHeight - contHeight > 200) && windowHref.indexOf('debug') == -1) {
                document.body.innerHTML = '請關閉控制臺后重繪頁面';
            } else if(browser.versions.mobile) {
                document.body.innerHTML = '移動端模式不支持打開本頁面' 
            }
        }
    </script>
</body>

</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/147058.html
標籤：其他
上一篇：Python智力問答小游戲
下一篇：UGUI拖拽和范圍限制