js屏蔽F12审查元素，禁止修改页面代码等实现代码

2023-07-14 09:57:03 162

众所周知，审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改

一、屏蔽F12审查元素

document.onkeydown=function(){
if(window.event&&window.event.keyCode==123){
alert("F12被禁用");
event.keyCode=0;
event.returnValue=false;
}
if(window.event&&window.event.keyCode==13){
window.event.keyCode=505;
}
if(window.event&&window.event.keyCode==8){
alert(str+"\n请使用Del键进行字符的删除操作！");
window.event.returnValue=false;
}
}

如果想要禁用右键不提示可以使用下面的代码

document.onkeydown=function(){
if(window.event&&window.event.keyCode==123){
event.keyCode=0;
event.returnValue=false;
}
if(window.event&&window.event.keyCode==13){
window.event.keyCode=505;
}
if(window.event&&window.event.keyCode==8){
alert(str+"\n请使用Del键进行字符的删除操作！");
window.event.returnValue=false;
}
}

还有其他的玩法也可以让用户按F12我们关闭网页或者跳转其他页面


document.onkeydown=function(){

if(window.event&&window.event.keyCode==123){
window.close();//关闭当前窗口(防抽)
event.keyCode=0;
event.returnValue=false;
}
if(window.event&&window.event.keyCode==13){
window.event.keyCode=505;
}
if(window.event&&window.event.keyCode==8){
alert(str+"\n请使用Del键进行字符的删除操作！");
window.event.returnValue=false;
}

}

按住F12空白页面或者跳转其他页面


document.onkeydown=function(){

if(window.event&&window.event.keyCode==123){
window.location="about:blank";//将当前窗口跳转置空白页
event.keyCode=0;
event.returnValue=false;
}
if(window.event&&window.event.keyCode==13){
window.event.keyCode=505;
}
if(window.event&&window.event.keyCode==8){
alert(str+"\n请使用Del键进行字符的删除操作！");
window.event.returnValue=false;
}

}

除了屏蔽这个，我们还有其他有趣的设置：

二、屏蔽右键菜单

document.oncontextmenu=function(event){
if(window.event){
event=window.event;
}try{
varthe=event.srcElement;
if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){
returnfalse;
}
returntrue;
}catch(e){
returnfalse;
}
}

三、屏蔽粘贴

document.onpaste=function(event){
if(window.event){
event=window.event;
}try{
varthe=event.srcElement;
if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){
returnfalse;
}
returntrue;
}catch(e){
returnfalse;
}
}

四、屏蔽复制

document.oncopy=function(event){
if(window.event){
event=window.event;
}try{
varthe=event.srcElement;
if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){
returnfalse;
}
returntrue;
}catch(e){
returnfalse;
}
}

五、屏蔽剪切

document.oncut=function(event){
if(window.event){
event=window.event;
}try{
varthe=event.srcElement;
if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){
returnfalse;
}
returntrue;
}catch(e){
returnfalse;
}
}

这种很适合小说网站，毕竟版权珍贵，被别人随意copy走内容就不好了

六、屏蔽选中

document.onselectstart=function(event){
if(window.event){
event=window.event;
}try{
varthe=event.srcElement;
if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){
returnfalse;
}
returntrue;
}catch(e){
returnfalse;
}
}

当然js屏蔽chromeF12后页面自动跳转可以参考这篇文章

https://www.nhooo.com/article/196910.htm

js检测用户是否打开调试工具（chrome）

(function(){varre=/x/;vari=0;console.log(re);re.toString=function(){window.close();return'第'+(++i)+'次打开控制台';}})();

JavaScript检测是否开启了控制台（调试工具）

测试后在chrome有效

不少人防止别人趴源码，一般采用检测按键F12之类的，但是这些基本没什么用

现在介绍一个方法，非常管用，可以检测到你是否开启了控制台程序，可以算是JavaScript的一些奇淫巧技

将这段代码加入你的网站即可，原理不明=-

(function(){
varre=/x/;
vari=0;
console.log(re);

re.toString=function(){
alert("请关闭控制台");
return'第'+(++i)+'次打开控制台';
};
})();

然后你在打开控制台，即会弹出对话框

js检测开发者工具Devtools是否打开防调试

之前写过一篇文章《Javascript检测开发者工具Devtools是否打开》，主要是讲如何通过js来检测开发者工具是否打开，防止别人恶意调试我们的代码，那段代码也是查了蛮多资料整理出来的，当时可以兼容chrome，firefox，ie，但是随着浏览器版本的更新，已经基本上没有作用了，最近我发现还是有蛮多人去浏览那篇文章，所以这里再放出一段代码，算是个升级版吧，之前的版本里在firefox上还有有限制的，下面提供的这个版本我测试过通杀现在的chrome69，firefox，IE，也不存在之前firefox上存在的问题了，下面直接贴出代码：

setInterval(function(){
check()
},4000);
varcheck=function(){
functiondoCheck(a){
if((""+a/a)["length"]!==1||a%20===0){
(function(){}
["constructor"]("debugger")())
}else{
(function(){}
["constructor"]("debugger")())
}
doCheck(++a)
}
try{
doCheck(0)
}catch(err){}
};
check();

这段代码是什么原理，说实话我没搞太懂，也去请教过一些大佬，都不能完全说出其中的原理，如果有懂的朋友请一定不吝赐教，虽然不知道原理，但是效果的确是杠杠的，这是本人从huichan网站上截取的，这里不得不佩服那些做huichan的，太强大。由于以前代码是加密的，对于其中一些方法的命名我解密时都是随意取的，不喜勿喷。

当然这种伎俩对于熟悉调试的开发者来说，完全没有阻碍，但毕竟也能防范住一小批不怀好意的人，幸幸苦苦写出来的代码被别人悄悄的就搬走了，确实挺恼人的，但仅仅靠这么一个防调试的代码是不够的，我们还需要做的还有很多，比如一些基本的js的压缩混淆加密等等，后期本人会整理一些js加密混淆以及解密方面的文章，敬请期待...

js屏蔽F12审查元素，禁止修改页面代码等实现代码

热门推荐

随机推荐