首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PageGuard.js 防止网站内容复制和检测开发者工具代码

PageGuard.js 防止网站内容复制和检测开发者工具代码

原创
作者头像
网站那些事
发布2018-05-06 05:11:18
4.4K5
发布2018-05-06 05:11:18
举报
文章被收录于专栏:网站那些事网站那些事

防复制就不多说了,整合了一下 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

下载或

<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);

检测开发人员工具

支持的:

  • Chrome(最新版本:66)
  • Opera(最新版本:52)
  • Firefox(最新版本:59)(如果它在一个单独的窗口中打开,它将仅在用户打开控制台时起作用)
  • IE 11(未在eralier中测试)
  • 边缘(如果它在单独的窗口中打开,则不起作用)
  • 其他(未测试)

它只能同时运行一个。

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
})();

插件

反复制和打印(CSS)

下载或

<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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • PageGuard.js
    • Uasge
      • 防复制
      • 检测开发人员工具
    • 安全提示
      • 插件
        • 反复制和打印(CSS)
    相关产品与服务
    云开发 CLI 工具
    云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档