JS反调试--一行代码搞定禁用web开发者工具

vue2 vue3及其他都应该适用

disable-devtol插件

前言

项目安测后报出问题--要求做js反调试，作为面向百度的CV工程师，发现百度上相关文章有，但都是理论性强，实践性不高，都是按条教怎么禁用右键，怎么让F12失效等等，没有拿来就用的东西，因此决定写文记录一下

话不多说，直接说安装

快速使用

npm 引用

npm i disable-devtool

 main.js中

import DisableDevtool from 'disable-devtool';

DisableDevtool(); //vue3写在setup中

还有其他方式，链接里都会介绍，就不列举了

功能

disable-devtool 可以禁用所有一切可以进入开发者工具的方法，防止通过开发者工具进行的 ‘代码搬运’

该库有以下特性:

1. 支持可配置是否禁用右键菜单

2. 禁用 f12 和 ctrl+shift+i 等快捷键

3. 支持识别从浏览器菜单栏打开开发者工具并关闭当前页面

4. 开发者可以绕过禁用 (url参数使用tk配合md5加密)

5. 多种监测模式，支持几乎所有浏览器（IE,360,qq浏览器,FireFox,Chrome,Edge...）

6. 高度可配置、使用极简、体积小巧

7. 支持npm引用和script标签引用(属性配置)

8. 识别真移动端与浏览器开发者工具设置插件伪造的移动端，为移动端节省性能

9. 支持识别开发者工具关闭事件

10. 支持可配置是否禁用选择、复制、剪切、粘贴功能

11. 支持识别 eruda 和 vconsole 调试工具

12. 支持挂起和恢复探测器工作

13. 支持配置ignore属性，用以自定义控制是否启用探测器

14. 支持配置iframe中所有父页面的开发者工具禁用

下面附上中文插件readme