网页如何屏蔽复制和如何解除屏蔽复制

happyxp · 发表于 2019-12-17 14:22:42

有的时候我们做的网站内容，不想让别人复制，那么就需要屏蔽掉复制功能。复制主要有两种方式：一种是选中之后ctrl+c，另一种是选中之后点右键选择复制。知道原理之后解决起来就简单了，可以从以下方面入手，屏蔽掉鼠标右键，屏蔽掉ctrl+c，屏蔽掉文字选择功能。

禁止粘贴复制：

<style type="text/css">1 G7 t- t1 }8 `! G s. \+ H! H
/* 最简单的实现禁止复制的方法，采用css方式禁止文字选择，当然这只兼容webkit内核浏览器 */0 {8 J& q) C; v, q6 A
* { -webkit-user-select: none; }
) h$ x7 {0 N) {/ d/ Y* J& ^" D
p {font-family: 'Microsoft Yahei';font-size: 28px;}; w/ v f7 z8 c
input {width: 80%; padding: 10px 20px;}
5 M( T7 ?0 ?& h/ J" @9 a
</style>
: C7 [& T9 v3 N2 o3 `3 ]- ^- a8 ~
<h1>本代码在UC手机浏览器上不生效，其它手机浏览器暂未发现问题、PC全部没问题。</h1>
/ N- d7 W$ ~1 Q% R8 i
<p>这是一段示例文字，我无法被选中，也无法按下鼠标右键，即使被选中你也无法复制！</p>3 b- N; D3 m1 R) D4 |1 g) t
<input type="text" value="文本框中的文字可以选中，但是无法复制粘贴"/>
3 t6 v4 h# ?% N/ N& ~+ q3 \
<script type="text/javascript">+ ]7 p6 N/ p+ B3 k# y5 K) X7 b
// 禁止右键菜单7 P, E$ k' ~. _! |
document.oncontextmenu = function(){ return false; };
1 n" ]* E) l$ ~+ S7 S
// 禁止文字选择7 N+ j$ g5 O, d% i
document.onselectstart = function(){ return false; };
/ w' ?$ W C9 X- ^5 [
// 禁止复制; b F+ c( O5 L: w: W7 S1 {
document.oncopy = function(){ return false; };1 q) s" g9 l/ B! R' ]
// 禁止剪切0 e' Z. |! X8 G8 u5 h8 S
document.oncut = function(){ return false; };4 n# p3 i' }9 c8 D" N L6 c
// 禁止粘贴) Q& |& R! a. a6 q4 A
document.onpaste = function(){ return false; };3 ~ d; y: k+ X6 {" N; V7 H
</script>

复制代码

如何破解禁止网页复制粘贴功能：
  1、浏览器切换成兼容模式，一般的网站可破。
  2、直接破。按下F12弹出开发者工具，再按下F1弹出设置，勾选Disable JavaScript，然后就可以复制了，操作完了记得再把这个选项点掉。360火狐谷歌浏览器都好用，其他的没试过。
  如果还是没法复制，找到你要复制文字的地方，看是否有-webkit-user-select: none的样式，如果有去掉即可。其他浏览器可以自行研究怎么禁用JavaScript。
  3、通过打印预览查看。在你想复制的页面按下ctrl+p打印预览，然后就可以在预览中直接复制啦。
  4、文库类的用这种方法肯定是不行，这时你就需要用下载类的工具了：http://www.xp37.com/tool/show-3.html。
通常的加密，以上4种方法都可以解决，如果都不好用，那就碰上硬茬子了，可以用文字识别之类的软件试试。

[网站] 网页如何屏蔽复制和如何解除屏蔽复制