在写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下面运行会有两种结果:
没有打开过开发人员工具
只会出现一个alert弹窗
打开过开发人员工具
会出现两个alert弹窗
不管你是怎么想的,当我得知这一情况导致我的脚本工作异常的时候,真是有千万头草泥马在心头奔驰而过。这个错误比较蛋疼的地方是:1. 浏览器不报错,2. 没法“调试”。
错误原因这里说的比较清楚,简单来说就是必须打开开发者工具,JavaScript解释环境才会有console变量。
解决方法也很简单,有以下几种:
避免在IE中使用console
使用console时先对console进行判断
var console = console || {
log: function () {}
}
目前在IE9及之前的版本是有这个问题的,高版本未测试。