谷歌浏览器如何屏蔽F12按键

作者

谷歌浏览器通过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以防止重复提交信息。或者做一些网页的小游戏了就很必要了。因为需要大量的键盘按键。