代码

禁止打开F12 调试前端代码

方式一

$(function(){
		$(document).bind("contextmenu", function () {
			return false; 
		});//禁止右键
		document.oncontextmenu = function () {
			return false; 
		};
		document.onkeydown = function () {
		    if (window.event && window.event.keyCode == 123) {
		        event.keyCode = 0;
		        event.returnValue = false;
		        return false;
		    }
		};//禁止F12
	})

方式二

<script type="text/javascript">
	//禁用右键（防止右键查看源代码） 
    window.oncontextmenu=function(){return false;} 
    //禁止任何键盘敲击事件（防止F12和shift+ctrl+i调起开发者工具） 
    window.onkeydown = window.onkeyup = window.onkeypress = function () { 
        window.event.returnValue = false; 
        return false; 
    } 
    //如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面 
    var h = window.innerHeight,w=window.innerWidth; 
    window.onresize = function () { 
        if (h!= window.innerHeight||w!=window.innerWidth){ 
            window.close(); 
            window.location = "about:blank"; 
        } 
    }
   </script>

参考：https://www.jianshu.com/p/d5b8a84cbbd4
https://blog.csdn.net/qq_23013025/article/details/53368266
https://blog.csdn.net/weixin_43875808/article/details/96438781
https://blog.csdn.net/TimVan1596/article/details/83893622
https://blog.csdn.net/tang242424/article/details/83003133

转载自 周小董 https://blog.csdn.net/xc_zhou/article/details/104543757

解决方法

view-source

浏览器输入 view-source:https://google.com 一样的查看源码

调试的话，从菜单栏就可以打开调试工具

实现代码如上可见，也是很简单的js里拦截keyCode

地址栏

鼠标点击一下地址栏，再按F12就能打开了

提前按

很简单，随便一个页面提前按F12，然后再输入那个“禁止”F12的网址跳转即可

总结

这个F12只是挡小白用的，真正用的到F12的人又怎么能挡的住呢哈哈哈