JS阻止用户查看控制台代码

原因

由于一个项目上线需要一个官网展示产品详情并提供下载地址，一开始想着工时问题，就像随便放几张图片上去，结果审核不通过给我驳回了，还说不能用图片

思路

我这暴脾气，考虑到是不是审核的人查看了我的代码，于是联想到禁用打开调试台

打开调试的几个方式

1.F12

2.右键检查

3.ctrl + shift + i

话不多说直接上代码

f12

window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
		    // 判断是否按下F12，F12键码为123  
		    if (event.keyCode = 123) {  
		        event.preventDefault() // 阻止默认事件行为  
		        window.event.returnValue = false  
		    }  
		}

右键检查

window.oncontextmenu = function() {  
			    event.preventDefault() // 阻止默认事件行为  
			    return false  
			}

ctrl + shift + i

我们可以通过比较屏幕window.outerWidth和页面可见区域window.innerWidth的差距判断是否打开控制台；

var threshold=160;
setInterval(function(){
if(window.outerWidth-window.innerWidth>threshold || window.outerHeight-window.innerHeight>threshold){
　　//打开控制台就刷新页面；
  　　window.location.reload()
　　}
})

还有可以打开控制台时给页面添加debug，这些也是是可以破解的，需要的同学可以自己查阅相关资料
我的官网这三个方法一用，直接就通过了

欧克，感谢观看~