Web前端如何防止被恶意调式？

前言

为什么要防止被恶意调式？

我们的目的是尽可能的减少资源盗取，爬虫和攻击 api ！

具体实现

第一种方式：禁止F12和右击、审查元素设置中强行打开开发者会直接关闭网页

	
		
		
		
	
	
		
hello
	

第二种方式：使用开源项目ConsoleBan

Github：https://github.com/fz6m/console-ban/blob/master/README.zh.md

	
		
		
		
		
	
	
		
hello
	

主要是通过ConsoleBan.init()进行实例化，跟Vue实例化用法类似，该对象可传参数如下：

参数名	必须	类型	默认值	描述
clear	no	boolean	true	禁用 console.clear 函数
debug	no	boolean	true	是否开启定时 debugger 反爬虫审查
debugTime	no	number	3000	定时 debugger 时间间隔（毫秒）
redirect	no	string	-	开启控制台后重定向地址
write	no	string | Element	-	开启控制台后重写 document.body 内容，支持传入节点或字符串
callback	no	Function	-	开启控制台后的回调函数
bfcache	no	boolean	true	禁用 bfcache 功能

第三种方式：自动清空控制台

	
		
		
		
	
	
		
hello
	

总结

1.三种方式都很好用，具体使用那种方式进行防范可以根据自己实际需求进行选定！

2.笔者能力有限，希望有经验的大神能在评论区提供更多的方式方法！