美文网首页
IE9兼容注意事项

IE9兼容注意事项

作者: 邢泽川 | 来源:发表于2017-05-12 15:53 被阅读635次
最近接手了上一个前端的工作,网页在其他浏览器打开都没问题,单独ie9刷不出来,以下是我解决这个问题的记录:
  1. 所有css文件 必须写清类型 type="text/javascript"一定要写上
  2. ie9不支持 window.console,会导致JS文件报错而不执行(但是,在打开F12开发者模式的时候,console就会被解析,JS文件运行正常,这是因为控制台对console进行了解析,这是个神奇的事情),所以JS代码中尽量不要用,如果要用就在公共部分加入如下代码:
<script type="text/javascript">
    window.console = window.console || (function() {
        var c = {};
        c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function() {};
        return c;
    })();
</script>

另外加上<meta http-equiv="X-UA-Compatible" content="IE=9">告诉浏览器使用ie9以上的文档模式进行解析可以解决360兼容模式下,JS不执行的问题
加上<meta name="renderer" content="webkit|ie-comp|ie-stand">

  1. ie9不支持display:flex:
  2. ie9下 别使用location.reload(),因为会不停的触发这个事件
  3. ie9下 不支持display:inline-block
  4. ie9下 不支持box-sizing

相关文章

网友评论

      本文标题:IE9兼容注意事项

      本文链接:https://www.haomeiwen.com/subject/usrozttx.html