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

最新推荐文章于 2020-12-22 20:29:36 发布

iteye_13860

最新推荐文章于 2020-12-22 20:29:36 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 浏览器兼容 ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13860/article/details/82545585

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种解决不同浏览器间console对象支持不一致的问题的方法。通过创建一个空的console对象并定义一系列空方法，确保在老旧浏览器中使用console.xxx时不会出现错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

(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 = {};

})();