前端禁止打开控制台、禁止f12调试（devtools-detector）

目前很多前端程序员都会被一个问题所困扰，自己辛辛苦苦挑灯夜战，好不容易做出的功能，刚上线没几天 就被别人偷看线上源码，完美复刻，为了防止这个问题的出现，给大家推荐一款npm插件（devtools-detector），该插件可以有效监听控制台是否被开启

1.插件地址

点击跳转

2.使用方法

（1）下载插件

npm install devtools-detector --save

（2）使用插件

在项目中引入插件，并监听控制台状态

import { addListener, launch } from 'devtools-detector';


// 1. Add listener
addListener((isOpen) => {
	if(isOpen) {
		alert('控制台已开启')
	}
});

// 2. Launch detection
launch();