纯代码实现禁用前端用户使用F12\审查元素

很多用户都跟小编一样在使用WordPress进行自己的创作,但是很苦恼的事情经常会发生,就是用户直接一键复制粘贴就可以盗走自己网站辛辛苦苦写下的文章。无奈之下却没有办法限制这种用户这么操作毕竟手长在人家身上。今天小编就教大家使用js代码实现网页无法使用鼠标右键或者F12,禁止用户在WordPress网站中使用F12查看网页代码。

对于讨厌使用F12审查元素的功能,最主要的另一个功能就是防止用户盗网页样式,css代码,很多用户辛辛苦苦写出来的网页样式,如果在可以使用审查元素或者网页开发助手等工具的前提下,可以轻松获取该网页使用的CSS代码。

纯代码实现禁用前端用户使用F12\审查元素

使用方法,由于js文件涉及到网页调用,这里贴一下网页js文件调用的代码,方便小白用户。将以下代码粘贴到您主题的foote文件中即可,或者WordPress主题的自定义js代码区域。

<script type="text/javascript">
</script>

禁用浏览器F12审查元素功能方法1:

//防F12
function inlobase_noF12(){while(1){}}function inlojv_console(){if((window.console&&(console.firebug||console.table&&/firebug/i.test(console.table())))||(typeof opera=="object"&&typeof opera.postError=="function"&&console.profile.length>0)){inlobase_noF12()}if(typeof console.profiles=="object"&&console.profiles.length>0){inlobase_noF12()}}inlojv_console();window.onresize=function(){if((window.outerHeight-window.innerHeight)>200){inlobase_noF12()}};

在您的网页中安装此Javascript 代码,别人按下F12的时候,除了杀浏览器进程,便没有啥好的办法关掉当前页面了。

似乎这个办法很多大佬都是不推荐的,但是确实是一个不错的办法,当用户按下F12的时候,js会直接控制浏览器关闭当前用户正在浏览的网页。

这个方法也是小编不推荐的一种办法,算是伤敌一千自损八百的做法,所以请,您继续往下看。

禁用浏览器F12审查元素功能方法2

感谢盾给社区的大佬分享。部署此代码,将禁止别人通过F12查看网页样式,并且给出一个贴心的提示。

以上方法,是大佬推荐的一种方法,只是禁用浏览器的审查元素功能,但是并不会关闭当前网页,相对来说第二种方法会好一点,不会对友好的用户产生任何负面影响。

//防F12
((function() { 
    var callbacks = [],
        timeLimit = 50,
        open = false;
    setInterval(loop, 1);
    return {
        addListener: function(fn) {
            callbacks.push(fn);
        },
        cancleListenr: function(fn) {
            callbacks = callbacks.filter(function(v) {
                return v !== fn;
            });
        }
    }

    function loop() {
        var startTime = new Date();
        debugger;
        if (new Date() - startTime > timeLimit) {
            if (!open) {
                callbacks.forEach(function(fn) {
                    fn.call(null);
                });
            }
            open = true;
            window.stop();
            alert('哦吼,发现你了,F12怪 ( ̄▽ ̄)"');
            document.body.innerHTML = "";
        } else {
            open = false;
        }
    }
})()).addListener(function() {
    window.location.reload();
});

以上的两种办法中,第二种方法小编是比较推荐的。
但是据传很多网友都不推荐使用这样的方法,似乎对网站的seo方面不是太友好。

禁用浏览器F12审查元素功能使用教程

将以上代码复制到您的WordPress主题每一个网页共用的文件中即可,很多主题都有统计代码框,也是可以将方法2的代码直接粘贴到这里。

不过毕竟小编自己没有测试,大家如果果敢的话,可以自行的测试一下。

 

人已赞赏
WordPress功能扩展代码

WordPress纯代码实现文章外链加密跳转加nofollow标签

2020-5-20 0:44:00

WordPress功能扩展代码WordPress功能扩展教程

WordPress Tinymce编辑器添加自定义功能按钮

2020-5-25 13:19:53

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索