浏览器兼容console对象的简要解决方案分享

121 阅读 0 评论 80 点赞

我是靠谱客的博主文静苗条，最近开发中收集的这篇文章主要介绍浏览器兼容console对象的简要解决方案分享，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

浏览器报找不到console对象，那我们就手动构造一个接口完全一致的console对象置于window中。这里采用了空方法和空对象。如此一来即使在很old的浏览器中，含有console.xxxxx的代码依然不会报错，完美运行。

下面附上修复兼容代码，要置于置于第一句console.xxxx调用之前，否则没有意义。

复制代码代码如下:

(function (){  

//创建空console对象，避免JS报错  

if(!window.console)  
    window.console = {};  
var console = window.console;  

var funcs = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml',  
             'error', 'exception', 'group', 'groupCollapsed', 'groupEnd',  
             'info', 'log', 'markTimeline', 'profile', 'profileEnd',  
             'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];  
for(var i=0,l=funcs.length;i<l;i++) {  
    var func = funcs[i];  
    if(!console[func])  
        console[func] = function(){};  
}  
if(!console.memory)  
    console.memory = {};  

})();