网页文字不允许被复制功能 这是不是给自己挖了一个web技术的坑?

让网页中的文字不允许被复制,这是一项网站技术。很多年前哥就知晓,用javascript简单一两行代码就可以实现。呶!实现代码请自行网上搜索,答案一大把。

因为营销推广需要,前段时间调整企业网站,发现程序员做了一些设置,让网页中的文字内容不允许被复制。查看网页源代码,看到js特别多,并且用一个叫sea.js的文件做了配置,如图所示。

sea.js文件配置

 

一看就好深奥,好复杂!同时哥也不想去对程序员辛苦做的东西做劳什子改动,因为程序员爱护它就如同爱护自己的犊子一样,换句话说,程序员的地盘很难允许外来者侵犯,一旦触怒,势必骑虎难下。

不去动它了,对于知晓前端的人而言,都知道前端是没有秘密可言的,如果要复制网页文字,条条大路通罗马,那是有诸多种方法的。

然这两天要把pc网站的文章内容,复制一部分发布到移动站中去(虽是一套系统同一个后台,但有些栏目并未同步),用以前的方式实在是慢,不便,公司美工也总是吐槽网页内容不能复制......从长期维护和工作效率来看,这实在是要不得。唉,程序员挖的这个坑,坑谁呢?跳坑的只是咱们自己。

好在,程序员新年可能跳槽不见了,那就可以随意了,于是决定要把这个功能给撤掉。

找啊找,找遍了上图配置文件对应的每个js文件,也没有找到让网页文字不能复制的js代码。我晕!

晕

晕!晕!!晕!!!难道网页文字不让复制的功能不是js来控制的?只有求助搜索引擎。

搜索引擎的答案告诉我,用css3的偏门功能也能实现让网页文字不能复制。

CSS代码如下:

body

{

-moz-user-select: none; /*火狐*/

-webkit-user-select: none; /*webkit浏览器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期浏览器*/

user-select: none;

}

见简书文章:

https://www.jianshu.com/p/ca78db48edec

于是试着去css文件里搜索“user-select”,结果是找到了。和上文的一致。于是将其注释掉,再测试,文章内容就可以自由复制了。

css3文章内容复制

耶!原来css3这么强悍!哥算是见识了!

那最后要探讨一下,网站要不要使用这个功能:让文字内容不可复制。

见过不少企业老板,都对这个功能称赞叫好,因为在现实中,竞争对手,同行呀,都会来抄我方网站辛苦弄出来的东西,特别是用手敲出的大段文字,一下子就给人抄去了,这真让人气恼!那如果你的工作只是让老板满意,就放心地继续使用吧。

但是实际上,如同“防民之口,甚于防川”这句话,对于懂网站技术的人而言,只要是出现在html里面的东西,就没有秘密可言,别人想抄的话那是有n种方法可以解决,这是根本防不住的。

那既然防不住,何妨开放一点。为什么呢?站在营销的角度,网站不是给老板看的,也不仅是给竞争对手或同行看的,最主要的是给你的客户群体看——这才是网站的真正目标用户群,也是相比较数量最多的一群人。试想:客户群体看到网站一些对他有用有价值的东西,从用户浏览行为来说,或许想复制一部分内容(根据观察,这种行为是存在有一定比例,高和低难说)给自己做参考决策用,结果你却让他复制不了,这不让人骂娘么?这在无形中就降低了一定程度的用户体验,如果客户数量大的话,那对于营销转化,也相当于设置了一种无形的障碍在网站上。

那有人可能会说,这会让客户感觉网站技术很牛逼啊!不否认是有这种可能,但是站在营销角度出发,问题在于,难道客户会认为感觉这网站技术似乎很牛逼而买单吗?

该去的去,别给你的网站用户设立太多的浏览障碍,也别给自己挖一个web技术的坑!

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注