admin管理员组

文章数量:1024678

原理

利用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;
            c

原理

利用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;
            c

本文标签： 控制台开发者浏览器工具

版权声明：本文标题：监听浏览器的控制台(开发者工具)是否打开 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1741133364a1834601.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。