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

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

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

禁止粘贴复制：

<style type="text/css">9 Z; w: R' L" n8 N% R/ l+ T1 Z6 Z: t
/* 最简单的实现禁止复制的方法，采用css方式禁止文字选择，当然这只兼容webkit内核浏览器 */
& k! z& }# L7 a% M _
* { -webkit-user-select: none; }
4 @% C& ~1 _9 N, Q
p {font-family: 'Microsoft Yahei';font-size: 28px;}
# r2 j% |+ h! O3 [2 z" l8 Q
input {width: 80%; padding: 10px 20px;}4 P) {9 c3 J+ B) @6 K/ h
</style>
* Z% f M! B- `4 x8 z
<h1>本代码在UC手机浏览器上不生效，其它手机浏览器暂未发现问题、PC全部没问题。</h1>
' O$ f1 U% Q" I& c' V7 I4 Q
<p>这是一段示例文字，我无法被选中，也无法按下鼠标右键，即使被选中你也无法复制！</p>
5 [1 n. {( X ?$ q1 B
<input type="text" value="文本框中的文字可以选中，但是无法复制粘贴"/>
% F6 h( N! B& @7 E. i. N1 S3 J% V
<script type="text/javascript">
, r- {1 V" W5 }# h* z- y" b, }
// 禁止右键菜单 }3 g5 V s# P/ z. j7 [: u% J: i
document.oncontextmenu = function(){ return false; };
' b8 d A( [8 K! l- I( N- f
// 禁止文字选择
2 N0 Z7 N. t g/ J
document.onselectstart = function(){ return false; };. A' g0 }4 l* x% O, b( L) C/ H
// 禁止复制) K- _ H, [2 W5 ]0 M! |
document.oncopy = function(){ return false; };5 q, T3 z5 q, B; y5 T% h9 _
// 禁止剪切1 d# k! Y0 \ Z0 l* `* O
document.oncut = function(){ return false; };
; Y' S6 V* s2 U
// 禁止粘贴
0 R7 B& a5 p! a4 v7 Q0 b. n
document.onpaste = function(){ return false; };
5 ]) o5 q, D4 M2 W& N
</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种方法都可以解决，如果都不好用，那就碰上硬茬子了，可以用文字识别之类的软件试试。

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