统计
  • 建站日期:2021-03-10
  • 文章总数:688 篇
  • 评论总数:725 条
  • 分类总数:10 个
  • 最后更新:12月3日
文章 教学教程

网站禁用f12 禁止调试代码方法

程序员阿鑫
首页 教学教程 正文


网站禁用f12禁止调试代码方法
-程序员阿鑫-带你一起秃头!
-第1
张图片

正常情况下 自己的一些网站的一些代码不想被别人扒来扒去的,可以看看本方法。

可以设置复制提示,禁f12,禁止调试是很有必要的
当然这个防不了大佬,只能防防小学生 

操作流程:

1、首先我们需要下载web弹层组件layer
2、解压上传到服务器,上js代码,修改成你的layer.js所在位置
3、如果有幸等js未加载完之前按了f12,那也没关系,还可以禁止调试, 即使打开了开发者工具也会执行 debugger 命令,执行该命令会 浏览器会进入debug状态。debug状态有个特性, 界面被冻住,不管我们怎么点击界面都不会触发事件。

位置:

将代码复制粘贴到模板尾部的HTML代码中即可。

代码:

<script src="######"></script>
//这里设置为你自己的layer.js所在位置
<script type="text/javascript">
<!--复制弹框-->
document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留本文链接!');};
<!--禁用F12-->
document.onkeydown = function(){
    if(window.event && window.event.keyCode == 1.3) {
        layer.msg("F12被禁用");
        event.keyCode=0;
        event.returnValue=false;
    }
这里修改成你的layer.js所在位置

如果有幸等js未加载完之前按了f12,那也没关系,还可以禁止调试
<!--禁止调试-->
(function noDebuger() {
    function testDebuger() {
        var d = new Date();
        debugger;
        if (new Date() - d > 10) {
            document.body.innerHTML = '<div style="width: 100%;height: 50px;font-size: 30px;text-align: center;font-weight: bold;">都说了F12被禁用,还试<a href="/" target="_blank" style="color:#4285f4;">点击返回</a>~</div>';
            return true;
        }
        return false;
    }
    function start() {
        while (testDebuger()) {
            testDebuger();
        }
    }
    if (!testDebuger()) {
        window.onblur = function () {
            setTimeout(function () {
                start();
            }, 500)
        }
    }else {
        start();
    }
})();
}    
</script>

以上是《网站禁用f12 禁止调试代码方法》文章的全部内容,感谢你的支持!

以上就是《网站禁用f12 禁止调试代码方法》文章的全部内容了!

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

-- 展开阅读全文 --
这篇文章最后更新于2020-5-21,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
捷兔云支付新版开源版三方支付源码 第四方支付源码 免签约支付源码
« 上一篇
本站会员免费送!还不快来领取一个~
下一篇 »
为了防止灌水评论,登录后即可评论!
注册登录

HI ! 请登录
注册会员,享受下载全站资源特权。
登陆 注册
上号,带你一起秃头!

IP地址

热门文章

1
抖音无限礼物模拟小工具分享
2
QQ假红包引流QQ群教程及代码
4
卡QQ永久大会员方法

最新文章

标签