PC 端浏览器兼容是前端经常遇到的问题,特别是国产浏览器千奇百怪,各种多核双核浏览器,IE 兼容模式,造成很多兼容问题。
为了减少这种问题,最好的方法是大家都装 Chrome(想得美),还有一种方法是强制启用 webkit 内核,同时将 IE 浏览器配置为使用最新 edge 内核或使用 GCFhttp://www.chromium.org/developers/how-tos/chrome-frame-getting-started。
上代码:
<!-- 强制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"/>
另外一个坑是遇到配置了以上三行代码之后使用 IE 浏览器访问会自动切换到低版本浏览器,找了很久之后发现是:
某个 js 插件会自动在 head 首行插入一个 script 标签,造成 IE 无法识别 meta 配置。