博客

问题现象

在一个vue项目中，由于项目需要兼容到IE9+，在IE测试时发现无论怎么刷新页面都不出来，按了F12打开控制台刷新后又加载正常。

原因

某些版本的IE(IE8~11)由于脚本保护机制不开控制台是没console对象的，当不支持这个对象时，就会抛出异常停住，这时我们会打开控制台看错误信息，但是打开刷新后页面就会正常更新了。

解决办法

在html中增加console的polyfill，暂用空函数来保证不会报错:

if(!window.console){
   window.console={
     log:function(msg){},
     err:function(msg){},
     warn:function(msg){},
     ...
   }
}

结语

前端开发就是你永远不知道实际项目开发浏览器兼容等等等等小问题的出现，学无止境哦，笔芯ღ( ´･ᴗ･` )