一句代码让您的网站内容无法复制


2278 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”标签修改为以下内容 这句代码的效果是当访客浏览你的网站时,电脑端的鼠标右键被禁用,自然也就无法进行复制操作了,经过测试,这句代码在移动设备上依然具有效果,长按文字将不会出现选择按钮。 以上就是避免网页内容被复制的两个办法,本站采用的是两种方案结合的方式,但主要目的不在于避免内容被复制,而是出于对网站的用户体验考虑。 如果你有更好的办法,欢迎提出来大家一起验证。

上一篇:专业排版设计

下一篇:目前,快读文化盛行,读图逐渐取代文字阅读,这种趋势你怎么看?

扫码与我联系

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 优客记录保留所有权利

站内搜索 鄂ICP备16016329号-1 鄂公网安备42022202000038号