1站长有话说
自己网站的代码经常被扒,或是被绕过内容付费白拿,也是一些站长经常讨论的话题,但是网上找的教程大都过于陈旧,多数无法正常工作了。不过王先生最近找到一个号称“一行代码搞定禁用web开发者工具”的开源且实时更新的javascript代码,虽然拦截不了一些插件脚本的破解,但干净一些的浏览器还是可以拦截住的。
禁用浏览器开发者模式功能介绍
disable-devtool来自Github开源平台,地址:https://github.com/theajack/disable-devtool
感谢作者开发的代码,如果有朋友喜欢,可以给该库点个小星星。
disable-devtool可以禁用所有一切可以进入开发者工具的方法,防止他人通过开发者工具进行的”代码搬运“
该程序有以下几个特点:
支持可配置是否禁用右键菜单
禁用 f12 和 ctrl+shift+i 等快捷键
支持识别从浏览器菜单栏打开开发者工具并关闭当前页面
开发者可以绕过禁用 (url参数使用tk配合md5加密)
多种监测模式,支持几乎所有浏览器(IE,360,qq浏览器,FireFox,Chrome,Edge…)
高度可配置、使用极简、体积小巧
支持npm引用和script标签引用(属性配置)
识别真移动端与浏览器开发者工具设置插件伪造的移动端,为移动端节省性能
支持识别开发者工具关闭事件
支持可配置是否禁用选择、复制、剪切、粘贴功能
支持识别 eruda 和 vconsole 调试工具
支持挂起和恢复探测器工作
支持配置ignore属性,用以自定义控制是否启用探测器
支持配置iframe中所有父页面的开发者工具禁用
普通网站项目如何使用禁用浏览器开发者模式JS
果真是加一行代码就搞定啊
简单引用,使用默认配置
建议将该JS文件引用地址放在网站body的最底部,如果你的网站有footer或者后台可设置全局代码,那就更好了
- <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>
以上代码的CDN公共库地址是js作者提供的最新版,后续有更新,我们无需更改引用地址。CDN地址与笔者无关,若资源失效请前往开源平台找新引用地址。
推荐将JS下载到服务器再使用,本文也有离线版js文件供大家下载,只不过是本文最后更新时间开源库当时的最新版本0.3.6,如果有新版或者CDN公共库地址挂了,可以在评论区告诉我
如果想要开关功能,可以使用属性配置
上面提到的,只是简单使用
<script
disable-devtool-auto
src='https://cdn.jsdelivr.net/npm/disable-devtool'
interval='xxx'
disable-menu='xxx'
detectors='xxx'
clear-log='true'
disable-select='true'
disable-copy='true'
disable-cut='true'
disable-paste='true'
></script>
如果希望自动全部禁用(如右键菜单),属性配置时必须要带上disable-devtool-auto属性
部分简单参数设置说明
- md5='string' // 管理员绕过禁用的md5值,默认不启用绕过禁用
- url='string' // 关闭页面失败时的跳转页面,默认值为localhost
- tk-name='string' // 绕过禁用时的url参数名称,默认为 ddtk
- interval='number' // 定时器的时间间隔 默认200ms
- disable-menu='boolean' // 是否禁用右键菜单 默认为true
- stopInterval-time='number' // 在移动端时取消监视的等待时长
- clearInterval-when-dev-open-trigger='boolean' // 是否在触发之后停止监控 默认为false
- clear-log='boolean' // 是否每次都清除log
- disable-select='boolean' // 是否禁用选择文本 默认为false
- disable-copy='boolean' // 是否禁用复制 默认为false
- disable-cut='boolean' // 是否禁用剪切 默认为false
- disable-paste:'boolean' // 是否禁用粘贴 默认为false
- disableIframe-parents='boolean' // iframe中是否禁用所有父窗口
- time-out-url='string' // 关闭页面超时跳转的url;
你可以自由的添加以上配置,如果不加某个参数,如:disable-select='boolean'会执行程序默认设置false否,此时时网站的内容可被选中
1.string是字符,如url='string'中的string可改为url='https://wxsnote.cn',关闭页面失败时的跳转到这个网址
2.number是数字,如interval='number'中的number可改为interval='500',定时器的时间间隔被改为500毫秒
3.boolean是布朗值也就是true(是)和false(否),如disable-menu='boolean'中的boolean可改为disable-menu='true',右键菜单就被禁止了
md5和tk-name参数配置自己可绕过限制
通过这两个参数的设置,我们自己修改url参数访问站点后,打开浏览器开发者模式是不受限制的
总结
这个JS是不错,但也仅仅是防小白。对这方面懂一点儿的,就会绕过,具体怎么绕过我就不说了,免得给小白降低门槛,导致这个JS也成为摆设。也就小白没有版权意识,到处复制代码,进控制台绕过付费墙。说起来我还得谢谢他们,要不是有这么一群人,就不会有这篇文章,disable-devtool作者也不会写这个JS。
- 『零氪源码』—— “一个优质的源码资源平台!”
- 本文地址:https://www.lynkcode.com/pages/lynk/jiaocheng/guide-notes/84.html
- 本文标题:网站使用JS禁用访问者浏览器的开发者模式,F12,选中复制等操作
- 本文版权:零氪源码 (www.lynkcode.com) » 所发布的内容,如无特别说明,转载请注明本文地址,如有侵权请联系我们!