vue2 vue3及其他都应该适用
前言
项目安测后报出问题--要求做js反调试,作为面向百度的CV工程师,发现百度上相关文章有,但都是理论性强,实践性不高,都是按条教怎么禁用右键,怎么让F12失效等等,没有拿来就用的东西,因此决定写文记录一下
话不多说,直接说安装
快速使用
npm 引用
npm i disable-devtool
main.js中
import DisableDevtool from 'disable-devtool';
DisableDevtool(); //vue3写在setup中
还有其他方式,链接里都会介绍,就不列举了
功能
disable-devtool 可以禁用所有一切可以进入开发者工具的方法,防止通过开发者工具进行的 ‘代码搬运’
该库有以下特性:
-
支持可配置是否禁用右键菜单
-
禁用 f12 和 ctrl+shift+i 等快捷键
-
支持识别从浏览器菜单栏打开开发者工具并关闭当前页面
-
开发者可以绕过禁用 (url参数使用tk配合md5加密)
-
多种监测模式,支持几乎所有浏览器(IE,360,qq浏览器,FireFox,Chrome,Edge...)
-
高度可配置、使用极简、体积小巧
-
支持npm引用和script标签引用(属性配置)
-
识别真移动端与浏览器开发者工具设置插件伪造的移动端,为移动端节省性能
-
支持识别开发者工具关闭事件
-
支持可配置是否禁用选择、复制、剪切、粘贴功能
-
支持识别 eruda 和 vconsole 调试工具
-
支持挂起和恢复探测器工作
-
支持配置ignore属性,用以自定义控制是否启用探测器
-
支持配置iframe中所有父页面的开发者工具禁用
下面附上中文插件readme