ie兼容问题,按F12刷新页面才正常显示 您所在的位置:网站首页 打开浏览器按f12没有用 ie兼容问题,按F12刷新页面才正常显示

ie兼容问题,按F12刷新页面才正常显示

2023-08-04 02:39| 来源: 网络整理| 查看: 265

问题描述:

项目要求兼容 ie9,开发的时候一直使用win10自带的ie11中的控制台降版本到ie9去开发,开发的时候一直显示都没问题。今天测试的时候,测试小姐姐用真正的ie9去打开发现如下问题:

(1)打开页面后部分功能无法实现;

(2)按F12打开控制台后,再刷新页面就能恢复正常;

(3)使用其他的浏览器比如chrome后就没有问题;

原因分析:

IE8 / 9 上在不打开调试工具的情况下window 上是没有 console 这个属性的!在打开调试工具的时候会给 window 再挂载上 console 属性,所以需要兼容 console 。

解决方法:使用兼容写法

(function() { var method; var noop = function () {}; var methods = [ 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn' ]; var length = methods.length; var console = (window.console = window.console || {}); while (length--) { method = methods[length]; // Only stub undefined methods. if (!console[method]) { console[method] = noop; } } }()); // 注:经验证在IE7/8/9下有效。

虽然IE11能在控制台中进行降版本模拟低版本的IE,但这种模拟并不完整,总有一些意想不到的小问题出现。如果需要开发兼容低版本浏览器的代码,最好使用真正的低版本IE。(可以在虚拟机上安装win7系统,win7自带ie8)

附参考链接:

https://www.jianshu.com/p/de79d7d31a96

https://blog.csdn.net/yan263364/article/details/77532622



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有