浏览器打开控制台触发事件:
网页中加了看板娘,在打开控制台的时候会弹出这一段话
然后我就好奇了,打开控制台的事件怎么监听?
接下来去扒了下看板娘的源码,发现只有这么一句话
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();