添加好强制 webkit 内核的代码, 使用国产浏览器访问网站已经不存在 IE 兼容问题了, IE 访客量将大大减少. 但仍然不可避免会有一些老旧电脑通过低版本 IE 浏览器访问, 如果我们专门为了这极小部分用户进行 CSS HACK , 将严重加重我们的工作量.
更何况自 2016 年 1 月起微软已经停止为 IE11 以下版本提供支持和更新, 已经这么久没有更新, 低版本 IE 不仅对 CSS3 和 html5 支持有问题, 更有安全问题.
那么, 我们不去支持低版本 IE, 这小部分用户怎么办呢?
我们可以使用 if IE 语句给网站添加 IE 升级提示, 提示用户进行浏览器升级, 或者切换更先进的浏览器再访问.
我们可以在刚刚的 meta 标签下添加一段跳转到 IE 升级提示页的代码 (当 IE 版本低于 IE11 时跳转), 实现低版本 IE 用户访问时提示他们进行升级或者更换浏览器.
强制 Webkit 内核和提示低版本 IE 访问用户升级完整代码如下所示, 把这段代码添加到头部模板文件 < head > 标签下即可:
- <meta name="renderer" content="webkit" />
- <meta name="force-rendering" content="webkit" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <script>
- /*@cc_on Windows.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(Windows.location.href); @*/
- </script>
- (@cc_on 是 IE10 及更旧版 IE 特有的条件编译语句, 因此可以用来判断是否除 IE11 以外的其他 IE 版本.)
因为低版本 IE 访问时因为不兼容 CSS3 和 HTML5 网站往往是错版的, 添加了上面这段代码, 当低版本 IE 用户访问时就会跳转到升级提示页, 避免不必要的资源加载, 降低网站服务器开销.
来源: http://www.jianshu.com/p/14f34ad070c4