浏览器打开控制台触发事件

浏览器打开控制台触发事件:

在这里插入图片描述
网页中加了看板娘,在打开控制台的时候会弹出这一段话

然后我就好奇了,打开控制台的事件怎么监听?

接下来去扒了下看板娘的源码,发现只有这么一句话

const devtools = () => {};
	console.log("%c", devtools);
	devtools.toString = () => {
		showMessage("哈哈,你打开了控制台,是想要看看我的小秘密吗?", 6000, 9);
	};

我一时间没看懂,这是这么操作的,难道常见的console.log方法还有不为人知的秘密?
赶紧查了下菜鸟驿站等,没发现隐藏剧情

然后突然想到一种可能,只有在打开浏览器控制台的时候,才会去执行console.log方法,在执行时他会将devtools对象转为string类型,从而隐式调用.toString()方法。

也就是说console.log("%c", devtools);
或者:console.log("%s", devtools);
都是可以的

那么理论上讲,devtools 是Object,Array,Map也是可以的,然而实时必须是Function类型(我是想不通了,Object转成字符串也要调用tostring()吧)

但是可以这么写:const devtools = new Function();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值