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

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

【教程】禁止网页右键和打开调试页面_开发者工具_02

在网页中添加一下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>

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

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