禁f12，禁止调试

龙某

2020 年 10 月 02 日

2633 次浏览

11 条评论

996字数

默认分类教程笔记

你有没有过这种情况，你辛辛苦苦写完一篇文章觉被别人抄袭不署原作者名

所以可以设置复制提示,禁f12,禁止调试是很有必要的

防不了大佬，只能防防那些自以为是的小学生

首先我们需要下载web弹层组件layer
下载地址：官网

解压上传到服务器

上js代码

    //这里设置为你自己的layer.js所在位置
    <script type="text/javascript">
    <!--禁用F12-->
    document.onkeydown = function(){
        if(window.event && window.event.keyCode == 123) {
            layer.msg("F12被禁用");
            event.keyCode=0;
            event.returnValue=false;
        }
    "><pre class="vditor-wysiwyg__pre" style="display: none"><code><script src="https://yuaneuro.cn/usr/js/layer/layer.js"></script>
    //这里设置为你自己的layer.js所在位置
    <script type="text/javascript">
    <!--禁用F12-->
    document.onkeydown = function(){
        if(window.event && window.event.keyCode == 123) {
            layer.msg("F12被禁用");
            event.keyCode=0;
            event.returnValue=false;
        }
    </code></pre><pre class="vditor-wysiwyg__preview" data-render="2"><code><script src="https://yuaneuro.cn/usr/js/layer/layer.js"></script>
    //这里设置为你自己的layer.js所在位置
    <script type="text/javascript">
    <!--禁用F12-->
    document.onkeydown = function(){
        if(window.event && window.event.keyCode == 123) {
            layer.msg("F12被禁用");
            event.keyCode=0;
            event.returnValue=false;
        }
    </code></pre></div><p data-block="0">这里修改成你的 <code data-marker="`">layer.js</code>所在位置</p><p data-block="0"><strong data-marker="**">如果有幸等js未加载完之前按了f12，那也没关系，还可以禁止调试</strong></p><div class="vditor-wysiwyg__block" data-type="code-block" data-block="0" data-marker="<!--禁止调试-->
    (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>


    ">
    <script src=
    <!--禁止调试-->
    (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>
    <script src=
    }

即使打开了开发者工具也会执行 debugger 命令
执行该命令会浏览器会进入debug状态。 debug状态有个特性， 界面被冻住 ，不管我们怎么点击界面都不会触发事件。

将代码复制粘贴到
设置外观->开发者设置->自定义输出body 尾部的HTML代码
或者post.php里
即可

代码来源：https://yuaneuro.cn/archives/27.html

禁f12，禁止调试