四、禁止打開控制臺(tái)

禁止用戶打開控制臺(tái)

1. 防止代碼被竊?。涸诳刂婆_(tái)中，用戶可以查看和修改網(wǎng)頁的源代碼，這可能會(huì)導(dǎo)致惡意用戶竊取您的代碼或敏感信息。通過禁止打開控制臺(tái)，可以保護(hù)您的代碼和數(shù)據(jù)不被未經(jīng)授權(quán)的用戶訪問或篡改。
2. 提高安全性：控制臺(tái)是網(wǎng)頁與用戶之間進(jìn)行交互的主要渠道之一，但也是潛在的安全風(fēng)險(xiǎn)之一。惡意用戶可以利用控制臺(tái)執(zhí)行惡意代碼、進(jìn)行釣魚攻擊等。禁止用戶打開控制臺(tái)可以減少這些潛在的安全風(fēng)險(xiǎn)。
3. 保護(hù)系統(tǒng)資源：在控制臺(tái)中，用戶可以執(zhí)行各種操作，例如創(chuàng)建新文件、刪除文件等，這可能會(huì)對(duì)系統(tǒng)資源造成不必要的占用和破壞。禁止打開控制臺(tái)可以限制用戶的操作范圍，保護(hù)系統(tǒng)資源不被濫用。
4. 防止誤操作：控制臺(tái)允許用戶進(jìn)行各種操作，但這也增加了誤操作的風(fēng)險(xiǎn)。禁止打開控制臺(tái)可以減少用戶誤操作的可能性，避免不必要的損失和風(fēng)險(xiǎn)。

let firstTime;
let lastTime;
setInterval(() => {
    firstTime = Date.now()
    debugger
    lastTime = Date.now()
    if (lastTime - firstTime > 10) {
        window.location.href = "about:blank";
    }
}, 100)

    // 防止用戶選中
    function disableSelect() {
        // 方式一，js攔截
        // 缺點(diǎn)： 無法做到某一些內(nèi)容可以選中        
        document.onselectstart = function(event){
            e.preventDefault();
        };


        // 方式：給body設(shè)置樣式
        document.body.style.userSelect = 'none';


        // 禁用input的ctrl + a
        document.keyDown = function(event) {
            const {ctrlKey, metaKey, keyCode} = event;
            if((ctrlKey || metaKey) && keyCode === 65) {
                return false;
            }
        }
    };

    // 禁用鍵盤的復(fù)制
    function disableCopy() {
        const {ctrlKey, metaKey, keyCode} = event;
        if((ctrlKey || metaKey) && keyCode === 67) {
            return false;
        }
    }

    // 禁止復(fù)制圖片
    function disableCopyImg() {
        document.oncontextmenu = function(event){
            if(event.srcElement.tagName=="IMG"){
                alert('圖片直接右鍵');
                return false;
            }
        };
    };

    // 生成水印
    function generateWatermark(keyword = '捌玖') {
         // 創(chuàng)建Canvas元素  
        const canvas = document.createElement('canvas');  
        const context = canvas.getContext('2d');  
        
        // 設(shè)置Canvas尺寸和字體樣式  
        canvas.width = 100;  
        canvas.height = 100;  
        context.font = '30px Arial';  
        context.fillStyle = 'rgba(0,0,0,0.1)';  
        
        // 繪制文字到Canvas上  
        context.fillText(keyword, 10, 50);  
        
        // 生成水印圖像的URL  
        const watermarkUrl = canvas.toDataURL();  
        
        // 在頁面上顯示水印圖像（或進(jìn)行其他操作）  
        const divDom = document.createElement('div');
        divDom.style.position = 'fixed';
        divDom.style.zIndex = '99999';

        // 因?yàn)閐iv旋轉(zhuǎn)了45度，所以div需要足夠的大
        divDom.style.top = '-10000px';
        divDom.style.bottom = '-10000px';
        divDom.style.left = '-10000px';
        divDom.style.right = '-10000px';
        divDom.style.transform = 'rotate(-45deg)';

        // 防止對(duì)用戶的交互產(chǎn)生影響
        divDom.style.pointerEvents = 'none';
        divDom.style.backgroundImage = `url(${watermarkUrl})`;
        document.body.appendChild(divDom);
    }

    // 禁止打開控制臺(tái)
    function disbaleConsole() {
        let firstTime
        let lastTime
        setInterval(() => {
            firstTime = Date.now()
            debugger
            lastTime = Date.now()
            if (lastTime - firstTime > 10) {
                window.location.href = "about:blank";
            }
        }, 100);
    }

    disableSelect();
    disableCopy();
    disableCopyImg();
    generateWatermark();
    disbaleConsole();