代码

禁止打开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的人又怎么能挡的住呢哈哈哈