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

本文介绍了多种在JavaScript中检测用户是否开启了浏览器调试面板的方法,包括根据窗口大小变化、利用输出时间判断、使用浏览器输出对象的实时引用、设置对象属性getter以及一些巧妙的技巧。对于开发者调试和防止恶意篡改有重要意义。
摘要由CSDN通过智能技术生成

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

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对象属性的,因此会调用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值