网站设置复制提示,禁f12,禁止调试

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

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

防不了大佬，只能防防一般人

---

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

解压上传到服务器
上js代码

<script src="https://yuaneuro.xyz/usr/js/layer/layer.js"></script>
//这里设置为你自己的layer.js所在位置
<script type="text/javascript">
<!--复制弹框-->
document.body.oncopy = function() {layer.msg('复制成功，若要转载请务必保留本文链接！');};
<!--禁用F12-->
document.onkeydown = function(){
    if(window.event && window.event.keyCode == 123) {
        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>

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