前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >禁止网站被F12代码

禁止网站被F12代码

作者头像
oscool资源分享
发布2024-08-24 08:39:08
1570
发布2024-08-24 08:39:08
举报
文章被收录于专栏:oscool资源分享
1
1

前言

禁止F12的好处 1.防止恶意代码注入:通过禁止F12,网站可以减少黑客或恶意用户通过开发者工具获取网站的敏感信息或注入恶意代码的风险。 2.保护内容版权:禁止F12可以防止用户通过开发者工具下载或复制网站的受版权保护的内容,从而保护知识产权和创作者的权益。 3.防止误操作:有时候用户可能会在浏览器的开发者工具中进行误操作,而禁止F12可以减少这种风险,避免用户对页面结构或代码进行无意的修改或删除。 注意事项 然而,需要注意的是,禁止F12并不能完全阻止技术熟练的用户对网站进行修改或获取信息。因此,禁止F12只是增加了一道保护措施,但并不能绝对保证网站的安全和内容的保护。同时,禁用F12也可能对正常用户带来一些不便,例如无法查看网页源代码、调试网页等操作。

两种代码自行选择

代码一
代码语言:javascript
复制
function fuckyou(){
window.close(); //关闭当前窗口(防抽)
window.location="about:blank"; //将当前窗口跳转置空白页
}

function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert("禁止拿代码");
oncontextmenu='return false';
}
}
if (document.layers) {
if (e.which == 3) {
oncontextmenu='return false';
}
}
}
if (document.layers) {
fuckyou();
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
document.oncontextmenu = new Function("return false;")
document.onkeydown =document.onkeyup = document.onkeypress=function(){
if(window.event.keyCode == 123) {
fuckyou();
window.event.returnValue=false;
return(false);
}
}
代码二
代码语言:javascript
复制
    //禁止页面选择以及鼠标右键
    document.οncοntextmenu=function(){return false;}; 
    document.onselectstart=function(){return false;};
    let h = window.innerHeight;
    let w = window.innerWidth;
    //禁用右键
    document.oncontextmenu = function () { return false; };
    //禁用开发者工具F12和禁止shift+ctrl+i调起开发者工具
    document.onkeydown = function () {
        if (window.event && window.event.keyCode == 123) {
            event.keyCode = 0;
            event.returnValue = false;
            return false;
        }
        if (event.shiftKey && event.ctrlKey && event.keyCode === 73) {
            event.preventDefault();
            return false;
        }
    };

将上述代码放在你网站的footer.php的最下面,或者在head里面引入也行。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024年07月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 两种代码自行选择
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档