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

转载请注明出处:小锋学长生活大爆炸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>

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

相关推荐
kyriewen8 小时前
DeepSeek Harness开源第一天我就上手了——和Claude Code的差距比想象中大
前端·ai编程·deepseek
捡田螺的小男孩8 小时前
什么是 Skill?手把手带你写一个简单有用的 Skill!
前端·后端·程序员
IT_陈寒8 小时前
Redis集群这个坑,差点让我通宵
前端·人工智能·后端
90后的晨仔8 小时前
uni-app 路由跳转与页面导航 —— 终极详解(对标 iOS / Android / 鸿蒙三端原生)
前端
Heo9 小时前
大厂前端调试不能只会debugger
前端·javascript·面试
用户2181697049309 小时前
Flutter (十七) 网络请求
前端
cidy_989 小时前
React 19 + Vite 企业级前端项目:从零搭建到规范交付
前端
用户921080262869 小时前
如何把一张图片做成自定义复杂 UI 图标
前端
用户938515635079 小时前
从 0 拆解一个 Next.js 笔记系统:npx、App Router、RSC 与组件规划全记录
前端·后端·全栈
hello930710 小时前
plop代码生成器
前端