老IE兼容tips

最新推荐文章于 2024-12-10 22:30:08 发布

原创最新推荐文章于 2024-12-10 22:30:08 发布 · 271 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript判断Internet Explorer浏览器版本的方法，包括IE10及以下、IE11和Edge的版本检测。同时，文章还提到了多行字符串在不同环境下的兼容性问题及解决方法，以及在CSS样式应用中遇到的具体问题。

js判断ie版本


    isIE() {
      var ua = window.navigator.userAgent;

      // Test values; Uncomment to check result …

      // IE 10
      // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';

      // IE 11
      // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';

      // Edge 12 (Spartan)
      // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';

      // Edge 13
      // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';

      var msie = ua.indexOf("MSIE ");
      if (msie > 0) {
        // IE 10 or older => return version number
        return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
      }

      var trident = ua.indexOf("Trident/");
      if (trident > 0) {
        // IE 11 => return version number
        var rv = ua.indexOf("rv:");
        return parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
      }

      var edge = ua.indexOf("Edge/");
      if (edge > 0) {
        // Edge (IE 12+) => return version number
        return parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10);
      }

      // other browser
      return false;
    }

多行字符串简写不兼容, 可以在线转化 babel

	var s = `a
	b
	c`;
	// 转化后
	var s = "a\nb\nc";

line-height css样式不起作用, 把中文字体设置为微软雅黑
svg 属性文字垂直居中 dominant-baseline： central 不起作用。只能通过dy来调整。
ie css 条件hack, 对IE9以下