前端：屏蔽F12审查元素，禁止修改页面代码

最新推荐文章于 2025-03-23 11:24:08 发布

得知此事须躬行

最新推荐文章于 2025-03-23 11:24:08 发布

阅读量1.9k

点赞数

分类专栏：前端开发文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_17355709/article/details/125905378

版权

前端开发专栏收录该内容

58 篇文章

订阅专栏

本文介绍了如何通过JavaScript代码来实现对网页的保护，包括屏蔽F12开发者工具，禁止右键菜单，以及阻止复制、粘贴、剪切和选中等操作，从而增强网页的安全性和防止恶意篡改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

所周知，审查元素的情况下，大家都可以随机更改一部分页面的代码，
注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改

屏蔽F12 审查元素

// 屏蔽F12 审查元素
document.onkeydown = function(event){
	if(window.event && window.event.keyCode == 123) {
		alert("F12被禁用");
		event.keyCode=0;
		event.returnValue=false;
	}
	if(window.event && window.event.keyCode == 13) {
		window.event.keyCode = 505;
	}
	if(window.event && window.event.keyCode == 8) {
		alert(str+"\n请使用Del键进行字符的删除操作！");
		window.event.returnValue=false;
	}
}

除了屏蔽这个，我们还有其他有趣的设置：

屏蔽右键菜单

// 屏蔽右键菜单
document.oncontextmenu = function (event){
	window.event.returnValue = false;
}

屏蔽复制

// 屏蔽复制
document.oncopy = function (event){
	window.event.returnValue = false;
}

屏蔽粘贴

//屏蔽粘贴
document.onpaste = function (event){
	window.event.returnValue = false;
}

屏蔽剪切

// 屏蔽剪切
document.oncut = function (event){
	window.event.returnValue = false;
}

屏蔽选中

// 屏蔽选中
document.onselectstart = function (event){
	window.event.returnValue = false;
}