IE9兼容注意事项

最近接手了上一个前端的工作,网页在其他浏览器打开都没问题,单独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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,642评论 2 41
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,583评论 1 19
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 异常的疲惫,早晨写了题目,就中断忙碌去了,一直到夜半,终于消停安静,却已经是精疲力尽的状态。 每天起床开始,就很疲...
    Jessy自由行走的猫阅读 550评论 0 2
  • 关于滤镜 ˇ关于一点,有人认为拍照不反对用滤镜。有人认为伟大的摄影图片,是不应该用滤镜的,保持原来图片那个样子。 ...
    半蛊阅读 407评论 0 0