桌面浏览器兼容

国内双核浏览器强制使用 Webkit 内核渲染页面

<!-- 强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器: -->
<meta name="renderer" content="webkit" />
<!-- 强制Chromium内核,作用于其他双核浏览器: -->
<meta name="force-rendering" content="webkit" />
<!-- 如果有安装 Google Chrome Frame 插件则强制为Chromium内核,否则强制本机支持的最高版本IE内核,作用于IE浏览器: -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

旧版 Internet Explorer 淘汰行动「极速浏览器普及计划」open in new window

在线兼容测试

Tips

  • jQuery 2.x 只支持现代浏览器,所以要兼容低版本 IE 则需要换 1.x
  • IE9 开始才支持媒体查询(有 BUG)和 HTML5 新标签,所以需要引入两个 JS,添加媒体查询和识别 HTML5 标签
.bg {
  background: url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

工具、库、语言特性兼容性

namecompatible
vueIE9+
axiosIE10+
flexboxIE10+
http2EDGE
srcset/sizesEDGE
calcIE9+
svgIE9+
cloudflare free sslnot xp IE/Chromium
videojs 7IE11

IE 兼容

11 不支持 ES6,想支持的话需要调整 babelrc

javascript - Compiling ES6 and VUE JS not working in IE 11 - Stack Overflowopen in new window浏览器兼容性 | Vue CLIopen in new window

Last Updated:
Contributors: cyio