一句代码让您的网站内容无法复制
3093 views
2017-03-05 08:12:03
做网站做自媒体的的人都知道内容创作的不容易,可是在如今的大环境下,网络上的信息总是抄来抄去,有些作者辛苦奋战许久,写出来的作品一经发布到网上便会遭到别人毫无成本的转载,窃取了原作者的权益,也损伤了作者继续创作的热情,那么有没有一个好的办法避免自己的内容被无节制的转载呢?
本文将分享两种方案让你的网站内容避免被转载,思路是禁用复制,提前说明的是这两种方案均需要拥有网站的控制权限,因为涉及到了修改网站程序或主题模板。
方案一:在网站的样式文件中加入以下代码
html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}
这句代码产生的效果是使网页上的文字全部成为不可选中状态,访客使用电脑浏览你的网站时将无法使用拖动鼠标来选中文字,此方案无法解决移动设备的复制问题。
方案二:把网站头部的“BODY”标签修改为以下内容
这句代码的效果是当访客浏览你的网站时,电脑端的鼠标右键被禁用,自然也就无法进行复制操作了,经过测试,这句代码在移动设备上依然具有效果,长按文字将不会出现选择按钮。
以上就是避免网页内容被复制的两个办法,本站采用的是两种方案结合的方式,但主要目的不在于避免内容被复制,而是出于对网站的用户体验考虑。
如果你有更好的办法,欢迎提出来大家一起验证。