前端开发中如何在JS文件中检测用户浏览器是否打开了调试面板

一、根据浏览器窗口大小变化

var widthThreshold = window.outerWidth - window.innerWidth > threshold;
var heightThreshold = window.outerHeight - window.innerHeight > threshold;
var orientation = widthThreshold ? 'vertical' : 'horizontal';

二、从输出时间来判断

function isConsoleOpen() {
     
	var startTime = new Date();
	debugger;
	var endTime = new Date();
	
	return endTime - startTime > 100;
}

如果控制台打开，debugger这里会使其执行中断

三、使用浏览器输出对象时获取实时引用的方式
举个例子来说明chrome获取对象实时的例子吧。（控制台会保留console的内容）

我们在利用控制台查看对象，点击后展开的对象属性是实时的。假如对象在输出后又有改动，最好使用JSON.stringify去输出 。

四、通过设置对象的属性的getter方法
原理：当控制台在输出的某个对象时，是会去get对象属性的，因此会调用