博客/网站文章版权保护 - 禁止右键、弹窗、附带链接等

一、弹窗提示

文章的内容可以复制,但复制后会弹出版权提示,是一种较好处理方法,既能提高读者版权意识又不太影响用户体验。

1、Javascript 代码实现

将代码添加到 html 中即可,比如添加到模板的 footer.php、header.php。

<script type="text/javascript">
document.body.oncopy=function(){alert('复制成功!本站文章皆为原创,未经允许禁止转载或抄袭,若要转载请务必保留原文链接谢谢合作!');}
</script>  

效果:

ALERT.COPYWRIGHT.png

二、添加文章链接

复制文章内容后不会有任何提示,但是粘贴时会自动把文章链接加到复制的内容后面。

1、Javascript 代码实现

<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "  来自: <a href='"+document.location.href+"'>"+document.location.href+"</a>"; 
    var copy_text = selection + pagelink;
    var new_div = document.createElement('div');
    new_div.style.left='-99999px';
    new_div.style.position='absolute';
    body_element.appendChild(new_div );
    new_div.innerHTML = copy_text ;
    selection.selectAllChildren(new_div );
    window.setTimeout(function() {
        body_element.removeChild(new_div );
    },0);
}
document.oncopy = addLink;
</script> 

效果:

即日起本站博客域名从 https://owenss.com 迁移至 https://blog.vircloud.net,已设置自动跳转。 来自: https://blog.vircloud.net/default/migrate.html

三、禁止复制

即复制功能失效。

1、html 代码

在 body 标签中加入 oncopy="return false" 标记即可,即:

<body oncopy = "return false">  

2、Javascrpt 代码

复制失效且无提示:

<script type="text/javascript">   
document.oncopy = function(){    
return false;    
};   
</script>  

复制失效但弹出提示:

<script type="text/javascript">   
document.oncopy = function(){    
alert("本站文章禁止复制转载,谢谢合作!");
return false;    
};   
</script>  

四、禁止选择

即无法选中任何元素(图片、文字)。

1、css 代码

body {   
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}  

2、Javascript 代码

<script type="text/javascript">   
document.onselectstart = function(){    
return false;    
};   
</script>

五、禁止鼠标右键

即点击右键不弹出菜单

1、Javascript 代码

<script type="text/javascript">   
document.oncontextmenu = function(){    
return false;    
};   
</script>  

六、禁止剪切粘贴

即剪切及粘贴功能失效

1、Javascript 代码

<script type="text/javascript">      
document.oncut = function(){ return false; };  //禁止剪切
document.onpaste = function(){ return false; };  //禁止粘贴
</script>   

七、如何利用 Chrome 测试 Javascript 代码

在文章页面按 F12,在弹出的右侧调试栏,选择 Console 页签:

Console.png

输入 <script type="text/javascript"></script> 中的源码并回车:

Console.Code.png

然后就可以测试效果了,比如我测试的是禁止复制并弹窗,那么在文章处选择内容并 Ctrl+C 或右键复制,就会弹出相应提示:

Console.Code.Test.png

大家在实际应用到网站中可以先这样测试一下,毕竟每个网站内容都不一样,并不能保证都能直接套用。


参考文章:
1、《为文章加上版权提示,防止文章被恶意复制
2、《JavaScript禁止弹出右键菜单


ArmxMod for Typecho
个性化、自适应、功能强大的响应式主题

推广

 继续浏览关于 教程typecho版权保护禁止右键弹窗提示wordpress 的文章

 本文最后更新于 2018/02/09 17:22:27,可能因经年累月而与现状有所差异

 引用转载请注明:VirCloud's Blog > 系统 > 博客/网站文章版权保护 - 禁止右键、弹窗、附带链接等

精选评论

  1. 梁兴健

    这些方法只能对付网络小白,大神想要偷你文章和审查元素都是随随便便的 icon_mrgreen.gif

  2. 情醉中国风

    审查元素复制有办法屏蔽吗(ಡωಡ)

    1. VirCloud

      没有绝对的屏蔽,就算在当前页面屏蔽了,也可以通过 view-source:chrome:// 等等方法看到