【教程】禁止网页右键和打开调试页面

转载请注明出处:小锋学长生活大爆炸xfxuezhagn.cn

如果本文帮助到了你,欢迎***点赞、收藏、关注***哦~

普通页面,可以右键,并打开调试页面。不安全:

在网页中添加一下JavaScript代码,可以禁止网页右键和打开调试页面:

javascript 复制代码
<script type="text/javascript">
	// 禁用右键菜单
	document.addEventListener('contextmenu', (e) => {
	    e.preventDefault();
	});
	
	// 检测是否按下了 F12 或 Ctrl+Shift+I
	document.addEventListener('keydown', (e) => {
	    if (
	        (e.key === 'F12' || 
	         (e.ctrlKey && e.shiftKey && e.key === 'I') || 
	         (e.ctrlKey && e.shiftKey && e.key === 'C') || 
	         (e.ctrlKey && e.shiftKey && e.key === 'J') || 
	         (e.ctrlKey && e.shiftKey && e.key === 'K'))
	    ) {
	        e.preventDefault();
	        console.log('禁止打开开发者工具!');
	        // 可以在这里执行其他操作
	    }
	});
</script>

效果演示不了,因为点击没效果,嘿嘿。

相关推荐
Jmyd012316 小时前
Web端3D营销展厅技术实现路径:从素材上云到线索回流的数据链路
前端·3d·性能优化·三维数字化
砚凝霜16 小时前
【软考信息安全】第二十二章 Web服务器安全分析与增强——Apache与IIS
服务器·前端·安全
u01110267518 小时前
JPG、PNG、WebP 怎么选?按透明度、体积和使用场景做判断
前端·javascript·vue.js·图像处理·ai作画
jerrywus18 小时前
让 AI 写完代码后交一份报告:我改造了 answer-me-with-html
前端·claude·cursor
派小心.19 小时前
小程序分享链路中来源参数的传递校验
大数据·前端·数据库·人工智能·小程序·数据分析
hhb_61819 小时前
一键生成数据看板,ECharts实战演示
前端·javascript·echarts
Java后端的Ai之路19 小时前
08_React组件API
前端·react.js·前端框架
小马不起床19 小时前
零基础玩转 FastAPI_09:前端基础工程构建
前端·状态模式·fastapi
风骏时光牛马20 小时前
用户管理模块接口开发
前端
彭亚川Allen21 小时前
从零手搓 RAG 之检索全流程,给大模型接上自己的知识库
前端·后端·ai编程