监听浏览器的控制台(开发者工具)是否打开

原理
利用console打印日志的异步策略。

当使用console打印对象的时候（RegExp/Date/Array/Dom），输出的是引用，也就是说，显示到控制台上的是最新的值，而不是执行输出那一刻的值。如下图：

即，每次显示的时候，都会重新获取信息。

var ConsoleManager={
onOpen(){
alert("Console is opened")
},
onClose(){
alert("Console is closed")
},
init(){
var self = this;
var x = document.createElement('div');
var isOpening = false,isOpened=false;
Object.defineProperty(x, 'id', {
get(){
if(!isOpening){
self.onOpen();
isOpening=true;
}
isOpened=true;
}
});
setInterval(function(){
isOpened=false;
console.info(x);
console.clear();
if(!isOpened && isOpening){
self.onClose();
isOpening=false;
}
},200)
}
}

ConsoleManager.onOpen = function(){
alert("Console is opened!!!!!")
}
ConsoleManager.onClose = function(){
alert("Console is closed!!!!!")
}
ConsoleManager.init();
————————————————
版权声明：本文为CSDN博主「_Sirius」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_21460229/article/details/103182426