利用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)

下载或

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180507G0L5B300?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券