ie浏览器打开页面空白，打开调试刷新才正常显示页面解决方法

Question

如题所述

Answer 1

问题现象

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

原因

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

解决办法

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

<script>

        if(!window.console){

          window.console={

            log:function(msg){},

            err:function(msg){},

            warn:function(msg){},

          }

        }

      </script>

还得写到head里面 body里面不行