利用JS和CSS防止网站内容复制和检测开发者工具代码

防复制就不多说了，整合了一下 JS 和 CSS 防复制的方法，应该还是比较全的

检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的

演示地址：https://netrvin.github.io/PageGuard.js/example.html

PageGuard.js

没有复制，打印以及开放的开发人员工具。

gzipped后只有1.6KB。

它可以阻止用户：

选择

打印

右键点击

Crtl / Shift / Alt / F12

开放开发者工具（包括在单独的窗口中打开）

如果你不运行Javascript，你可以使用CSS。但为了安全起见，您应该使用此JavaScript，并且只在Javscript打开时才显示您的页面。

Uasge

下载或

防复制

您可以使用以下代码来允许用户再次复制（无法清除CSS）：

检测开发人员工具

支持的：

Chrome（最新版本：66）

Opera（最新版本：52）

Firefox（最新版本：59）（如果它在一个单独的窗口中打开，它将仅在用户打开控制台时起作用）

IE 11（未在eralier中测试）

边缘（如果它在单独的窗口中打开，则不起作用）

其他（未测试）

它只能同时运行一个。

您还可以使用以下代码停止检测：

安全提示

不要让用户得到anticopy_id和detect_key。你可以这样写你的代码：

插件

反复制和打印（CSS）

下载或