如何防止用户复制HTML?

1周前 (02-06 08:37)阅读2回复0
路人甲
路人甲
  • 管理员
  • 注册排名2
  • 经验值424340
  • 级别管理员
  • 主题84868
  • 回复0
楼主

如何防止用户复制HTML?

HTML渲染在浏览器中的内容是不可避免的,除非是图片中的文字,否则图片中的文字不能直接复制(OCR不是复制)。

文字、图片、视频都是比较简单的东西,比如一些公式,我也从浏览器的内存中提取了3维模型。

说起来有点抽象,下面通过一个例子来演示,整个过程都有一种“道高1尺魔高1丈”的感觉。

最近 CSDN 不登录不能复制代码的功能,如下图所示,默认不能登录。

HTML怎么防止用户复制

F12 打开浏览器的开发者工具,看看它是如何实现的,发现有以下一条款式规则,原来是user-select设置的,none

HTML怎么防止用户复制

找出原因,很容易解决,直接用内联风格覆盖就可以解决。如下图所示,直接添加内向风格,user-select:可以选择all后复制。

HTML怎么防止用户复制

有些人说,添加禁止查看页面代码可以避免复制,下面选择上面的标签,然后添加以下设置,以避免标签通过右键查看代码,

temp0.oncontextmenu=function(){return false}

添加后,点击右键没有反应,但可以取消上述设置,以下设置可以再次查看右键。

temp0.oncontextmenu=""

0
回帖

如何防止用户复制HTML? 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息