javascript实现禁止右键和F12查看源代码

实现禁止右键和F12查看源代码是一种常见的网页保护技巧，可以防止非法复制、盗取网页资源等安全问题。下面是针对该问题的完整攻略：

步骤一：禁止右键

方法一：使用JavaScript

在HTML页面的 \ 标签内加入下述js代码可以禁止右键：

<script>
    document.oncontextmenu = function() {
        return false;
    }
</script>

当用户点击鼠标右键时，oncontextmenu事件触发，返回false即可禁止右键。

方法二：在网页中插入空div

在网页中插入一个空的 div，设置它的 CSS 样式为 display:none，然后在这个 div 上监听鼠标右键的点击事件，就可以达到禁止右键的效果。

<div style="display:none" oncontextmenu="return false"></div>

下面是一个简单的示例，禁止了鼠标右键：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>禁止右键示例</title>
    <style>
        div {
            display:none;
        }
    </style>
</head>
<body>
    <div oncontextmenu="return false"></div>
    <h1>禁止右键示例</h1>
    <p>请尝试右键，看是否被禁止。</p>
</body>
</html>

步骤二：禁止F12查看源代码

方法一：监听键盘事件

F12 是键盘上的一个键，可以监听键盘事件，在用户按下 F12 的时候禁止其执行。

document.onkeydown = function(){
    if(window.event && window.event.keyCode == 123) {
        alert("F12 is disabled");
        event.keyCode = 0;
        event.returnValue = false;
    }
}

方法二：检测开发者工具

开发者工具可以帮助开发者快速调试代码，但也可以用于查看源代码。可以在页面上监听控制台输出事件，当有控制台事件输出时即说明开发者工具被打开，进而禁止访问页面。

下面是一个监听控制台事件输出的示例：

function detectDevTools() {
    let threshold = 160;
    let lastTime = new Date().getTime();
    setInterval(function() {
        let currentTime = new Date().getTime();
        if (currentTime - lastTime > threshold) {
            window.location.href = "http://localhost:3000";
        }
        lastTime = currentTime;
    }, threshold);
}

detectDevTools();

当监测到控制台输出事件时，会自动跳转到指定页面。

综上所述，禁止右键和F12查看源代码的完整攻略如上所述。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript实现禁止右键和F12查看源代码 - Python技术站