实现禁止右键和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技术站
微信扫一扫 
支付宝扫一扫 