console.js还有浏览器不支持？

客官°小女子只卖身不卖艺 2021-12-03 08:01 307阅读 0赞

今天看到项目中引入了一个插件，我超级惊讶  
![1037363-20190618144907912-1617305246.png][]  
为什么引入console.js啊？  
这个是插件的源码：[https://github.com/yanhaijing/console.js][https_github.com_yanhaijing_console.js]  
我搜到源作者对这个插件的描述：“console.js is a small javascript library, fix console is undefined”  
啥？还能够没有console.log?console.log还能够是undefined?  
我真的超级惊讶，我以为所有的浏览器都有console.log，直接打开控制台就可以调试。  
后来又和同事聊了下：  
![1037363-20190618145211019-862317012.png][]  
同事说：“这个是解决低版本IE的调试，不过也没啥用 IE调试和定位不是那么容易的，未来几年后这个就不需要了，IE 微软都快要抛弃了”  
看了下作者里面的源码，比如看了下package.json了解了下作者写这个插件涉及到的npm包  
![1037363-20190619003022109-926545366.png][]  
根据这个我大概得出的结论就是使用一些工具，将es6写法的js转成2015版本的，让浏览器识别，并且内部也会有断言。  
看一下index.js中的内容

const apply = Function.prototype.apply;
    
    export function polyfill() {
    //判断window类型，有就是一个对象类型 为g
        const g = typeof window !== 'undefined' ? window : {};
        //g有个属性是console
        const _console = g.console || {};
    
        const methods = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'exception', 'error', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];
        
        const console = {};
    //便利console这个对象的方法
        for (let i = 0; i < methods.length; i++) {
            const key = methods[i];
            console[key] = function() {
                    //判断console的方法是否存在
                if (typeof _console[key] === 'undefined') {
                    return;
                }
                // 添加容错处理
                try {
                    return apply.call(_console[key], _console, arguments);
                } catch (e) {}
            };
        }
    
        g.console = console;
    }
    
    export function safeExec(cmd, ...args) {
        try {
            return apply.call(console[cmd], console, args);
        } catch (e) {}
    }
    export function log(...args) {
        return safeExec('log', ...args);
    }
    
    export function info(...args) {
        return safeExec('info', ...args);
    }
    
    export function warn(...args) {
        return safeExec('warn', ...args);
    }
    
    export function error(...args) {
        return safeExec('error', ...args);
    }
    
    export function log1(msg) {
        try {
            return console.log('log:', msg);
        } catch(e) {}
    }
    
    export function warn1(msg) {
        try {
            return console.warn('warn:', msg);
        } catch(e) {}
    }
    
    export function error1(msg) {
        try {
            return console.error('error:', msg);
        } catch(e) {}
    }

后记：其实我没有看懂，也不知道作者是怎么写这个的，我觉得很厉害。

转载于:https://www.cnblogs.com/smart-girl/p/11045141.html

[1037363-20190618144907912-1617305246.png]: /images/20211203/c8d707af84c74d3798a394b382ee52e8.png
[https_github.com_yanhaijing_console.js]: https://github.com/yanhaijing/console.js
[1037363-20190618145211019-862317012.png]: /images/20211203/c3dc0131106544d699d63ddd5337b985.png
[1037363-20190619003022109-926545366.png]: /images/20211203/5fc3ad5667c04eaeb5ebd28b0021735d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Linux] 浏览器不支持中文的问题解决

环境是RHEL7.6，使用Firefox中文显示如下，需要安装中文支持 ![20201221134932282.png][] 挂载iso安装中文支持组件 1）挂载iso

骑猪看日落/ 2022年12月29日 09:09/ 0 赞/ 354 阅读

相关新版谷歌浏览器不支持TABLE表格标记

新版的谷歌浏览器，看来不欢迎表格标记（`<table>`）。我们有个项目，地图（arcgis for js 开发）嵌在一个`<iframe>`里，然后这个`<iframe>

「爱情、让人受尽委屈。」/ 2022年11月13日 11:27/ 0 赞/ 155 阅读

相关不会吧不会吧！不会有人还有没有用CSDN的浏览器插件吧！

不会吧不会吧！不会有人还有没有用CSDN的浏览器插件吧！ CSDN出了一款浏览器插件，功能比较多，对我来说比较有用的是`浏览器标签页`，`JSON格式化`，`CSDN免广

雨点打透心脏的1/2处/ 2022年09月04日 05:51/ 0 赞/ 145 阅读

相关 ie6浏览器不支持float:left 解决办法

ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排两条语句让你的div变好 1、浮动的div 设置displa

布满荆棘的人生/ 2022年05月21日 11:41/ 0 赞/ 373 阅读

相关 javascript 解决浏览器不支持的问题

为了程序/代码的易读性，基本上每一种编程语言都有注释的功能，javascript也不例外，javascript注释代码有多种形式，本文章向大家介绍javascript注释代码的

心已赠人/ 2022年05月19日 13:53/ 0 赞/ 492 阅读

相关解决国产浏览器github提示不支持的问题

像QQ、搜狗等国产浏览器访问Github时，会提示“现在不支持你的浏览器，请使用Chrome或Firefox”。那么如何解决这个问题呢？答案就是改浏览器的UserAge

柔光的暖阳◎/ 2022年05月12日 03:56/ 0 赞/ 366 阅读

相关浏览器支持情况

1. 用来查询各种html技术，在各个平台上的支持情况：[http://caniuse.com/][http_caniuse.com] 2. [http://www.w3sc

ゞ浴缸里的玫瑰/ 2022年05月12日 02:26/ 0 赞/ 178 阅读

相关 Fundebug支持浏览器报警

摘要：除了邮件报警和第三方报警，我们新增了浏览器报警功能。邮件报警与第三方报警 [Fundebug][]是专业的应用BUG监控服务，当您的线上应用，比如网页、小程序

蔚落/ 2022年02月21日 14:36/ 0 赞/ 189 阅读

相关 XML 浏览器支持

几乎所有的主流浏览器均支持 XML 和 XSLT。 Mozilla Firefox 从 1.0.2 版本开始，Firefox 就已开始支持 XML 和 XSLT（

港控/mmm°/ 2022年01月05日 20:39/ 0 赞/ 191 阅读

相关 console.js还有浏览器不支持？

今天看到项目中引入了一个插件，我超级惊讶 ![1037363-20190618144907912-1617305246.png][] 为什么引入console.js啊？

客官°小女子只卖身不卖艺/ 2021年12月03日 08:01/ 0 赞/ 308 阅读