WordPress网站如何防止内容被复制？2种方法禁用右键、文本选中和F12

一个网站，它的外观很重要，但是网站的内容更重要，内容是网站的核心、是灵魂。

尤其是做原创内容的网站，一定不愿意自己花心思创作的内容被别人轻易窃取。

本篇文章，Well就分享如何提高自己网站内容被复制的门槛。

为什么说提高被复制的门槛，而不是说杜绝被复制呢？

因为真正心怀不轨的人是无法绝对防范的，他可以通过爬虫获取你网站的内容。

但本篇文章依然有用，提高了内容被窃取的门槛，防止了大部分人轻易复制你网站内容。

WordPress网站如何防止内容被复制？

从操作电脑的角度来讲，在网页上复制内容的方式主要有以下几种：

1. 用鼠标右键复制：先选中文本，鼠标右键里有复制选项。或者右键后打开网页源代码。
2. 快捷键复制：也要选中文本，然后点击键盘上的CTRL+C。
3. 拖拽复制：选中文本后，鼠标点击左键不松手，直接拖到文本编辑器里。

知道了常规复制网页内容的方式后，就可以针对这几种方法做限制，比如在网站上禁止选中、禁止右键、禁止拖拽等。

以下两种方法，分别是通过使用插件或使用自定义代码的方式防止网站内容被复制，选择其中一种方法即可。

使用插件防止WP网站内容被复制

使用插件可以快速实现禁用网页上的右键、快捷键、拖拽功能。以下是Well使用过的防复制插件：

Secure Copy Content Protection

WP Content Copy Protection & No Right Click

Secure Copy Content Protection插件的功能更多，同时也有更丰富的设置选项，相对来说细节更多。

这两个插件安装后使用默认配置就能有效防止页面内容被复制，同时还可以自定义提醒的文字、指定哪些页面开启防复制功能。

使用代码防止WordPress网站被复制内容

代码分为两个层面来进行复制防护，分别是CSS、JS层面。

将下方2段代码通过ELementor的Custom Code功能添加进网站即可。

CSS代码：

<style>
/* 禁用文本选中和长按菜单 */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
  -webkit-touch-callout: none; 
}

/* 禁用图片拖拽 */
img {
  pointer-events: none;
  -webkit-user-drag: none;
}
</style>

JS代码：

<script>
  // 禁用右键菜单
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
  });

  // 禁用文本选中
  document.addEventListener('selectstart', function(e) {
    e.preventDefault();
  });

  // 禁用复制、剪切、粘贴
  ['copy', 'cut', 'paste'].forEach(function(evt) {
    document.addEventListener(evt, function(e) {
      e.preventDefault();
    });
  });

  // 禁用拖拽
  document.addEventListener('dragstart', function(e) {
    e.preventDefault();
  });

  // 禁用 F12、Ctrl+Shift+I、Ctrl+Shift+C、Ctrl+Shift+J、Ctrl+U
  document.addEventListener('keydown', function(e) {
    if (
      e.keyCode === 123 ||
      (e.ctrlKey && e.shiftKey && e.keyCode === 73) ||
      (e.ctrlKey && e.shiftKey && e.keyCode === 67) ||
      (e.ctrlKey && e.shiftKey && e.keyCode === 74) ||
      (e.ctrlKey && e.keyCode === 85)
    ) {
      e.preventDefault();
    }
  });
</script>

以上就是本篇文章的全部内容，欢迎你在本站学习更多外贸建站教程。