谷歌浏览器通过F12可以打开浏览器的控制台,做网站开发的都知道这个东西是干嘛用的。今天浏览网站的时候看到一个不错的网站,随手点了一下F12想学习一下。点了一下结果没反应,有点好奇就研究了一下,这是如何做到的。
原理很简单,一行代码就可以实现。但是如果想真的隐藏浏览器的控制台,通过Javascript应该是实现不了的。简单的破解方法,新打开一个窗口,没有输入网址之前,先点击F12
打开浏览器控制台之后,再输入网址。这样就绕过了按键屏蔽了。
document.onkeydown=function() { return false;}
简单的一行代码,就可以屏蔽所有的按键。当然也包括 F12
知道了原理,就可以有新的玩法了
比如:仅仅屏蔽F12的按键。
先修改一下代码
document.onkeydown=function() {
console.log(window.event.keyCode);
return false;
}
这段代码执行的时候,先输出按键的键盘keyCode值, 然后再屏蔽所有的按键。比如点击三个按键ctrl
, a
, F12
,看下输入的结果
可以看到 F12
对应的值 123 。所以想屏蔽 F12
的话,就可以使用如下的代码
document.onkeydown=function() {
if(window.event.keyCode == 123) {
return false;
}
}
这样就找到了,屏蔽F12的方法。
屏蔽按键有什么意义
一般来说屏蔽浏览器默认的按键,是没有意义的。特殊的情况下是有必要的,比如: 发送表单的时候,点击了发送按钮后,可以屏蔽F5
以防止重复提交信息。或者做一些网页的小游戏了就很必要了。因为需要大量的键盘按键。