防复制就不多说了,整合了一下 JS 和 CSS 防复制的方法,应该还是比较全的
检测开发者工具的话,整合了各种较新的方法,经测试是支持 Chrome (包括单独窗口打开的情况)和 Firefox (在单独窗口打开时,只有打开控制台时才能检测到),其他浏览器还没有测试,不过估计 chromium 内核的浏览器也都是支持的
演示地址:https://netrvin.github.io/PageGuard.js/example.html
没有复制,打印以及开放的开发人员工具。
gzipped后只有1.6KB。
它可以阻止用户:
如果你不运行Javascript,你可以使用CSS。但为了安全起见,您应该使用此JavaScript,并且只在Javscript打开时才显示您的页面。
下载或
<script type="text/javascript" src="https://netrvin.github.io/PageGuard.js/pageguard.min.js"></script>
var anticopy_id = PageGuard.antiCopy();
您可以使用以下代码来允许用户再次复制(无法清除CSS):
PageGuard.allowCopy(anticopy_id);
支持的:
它只能同时运行一个。
var detect_key = PageGuard.detectDevTools(function () {
// Your codes will run when developers tools is opening
});
您还可以使用以下代码停止检测:
PageGuard.stopDetecting(detect_key);
不要让用户得到anticopy_id和detect_key。你可以这样写你的代码:
(function () {
// codes
})();
下载或
<link href="https://netrvin.github.io/PageGuard.js/anticopy.min.css" rel="stylesheet">
最后放个下载链接求 star: https://github.com/Netrvin/PageGuard.js
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。