console.log 在ie9一下版本的问题

3 篇文章 0 订阅

在写JavaScript的时候,最烦人的就是进行浏览器适配,尤其是IE。

使用Chrome作为调试工具时,console.log的功能是非常方便的,但是,包含console.log的代码在IE下面就没有这么省心了。

在较低版本的IE里面,并没有内置console对象,导致在代码里面试图调用console.log函数时,会直接抛出异常,导致后面的脚本没办法继续解释。在较高版本的IE里面,是有console对象的。

尝试吧下面的代码保存为HTML文件,使用IE9执行:

<script>
    alert("1");
    console.log("2");
    alert("3");
</script>

这段代码在IE下面运行会有两种结果:

  1. 没有打开过开发人员工具

    只会出现一个alert弹窗

  2. 打开过开发人员工具

    会出现两个alert弹窗

不管你是怎么想的,当我得知这一情况导致我的脚本工作异常的时候,真是有千万头草泥马在心头奔驰而过。这个错误比较蛋疼的地方是:1. 浏览器不报错,2. 没法“调试”。

错误原因这里说的比较清楚,简单来说就是必须打开开发者工具,JavaScript解释环境才会有console变量。

解决方法也很简单,有以下几种:

  1. 避免在IE中使用console

  2. 使用console时先对console进行判断

var console = console || {
    log: function () {}
}

目前在IE9及之前的版本是有这个问题的,高版本未测试。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值