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

更新时间：2013年10月24日 16:26:42 作者：

不同浏览器或者版本之间对于console对象的支持不尽相同，而console方法在开发调试过程中都是不错的工具。难道要在上线前把所有console.xxxx去掉以保证某些浏览器不报错么。其实可以变通解决

浏览器报找不到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 = {};  

})();

您可能感兴趣的文章:

javascript中createElement的两种创建方式
这篇文章主要介绍了javascript中createElement的两种创建方式,具有一定参考借鉴价值,需要的朋友可以参考下
2015-05-05
TypeScript接口使用介绍
接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法
2022-10-10
如何使用Bootstrap 按钮实例详解
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式。具体通过本文实例详解
2017-03-03
window.open打开窗口被拦截的快速解决方法
下面小编就为大家带来一篇window.open打开窗口被拦截的快速解决方法。觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
JS清空上传控件input(type="file")的值的代码
最近做的一个小功能，需要清空<input type="file">的值，但上传控件<input type="file">的值不能通过JavaScript来修改。
2008-11-11
js删除对象属性的多种方法举例
删除属性有很多方法,学到了就在这里记录一下,下面这篇文章主要给大家介绍了关于js删除对象属性的多种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
uniapp单页面实现页面切换的使用示例
本文主要介绍了uniapp单页面实现页面切换的使用示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-09-09
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
下面小编就为大家带来一篇JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
window.addEventListener来解决让一个js事件执行多个函数
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。这时就要用window.attachEvent和window.addEventListener来解决一下,需要的朋友可以参考下
2012-12-12
JS实现网站菜单拖拽移位效果的方法
这篇文章主要介绍了JS实现网站菜单拖拽移位效果的方法,涉及JavaScript动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09