常常在很多网站下看到如下meta定义:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性,强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。
1、Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge">
2、使用以下代码强制 IE 使用 Chrome Frame 渲染(需要安装有Google Chrome Frame)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
3、提示 IE 用户安装 Google Chrome Frame 插件
Google 官方提供了对 Google Chrome Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。
(1)CDN链接 -- 需要翻墙
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script>CFInstall.check();</script>
<script src="gcfutil.js"></script>
<script src="CFInstall.js"></script> //注意这两个js文件的引入
<script>
gcfutil.showSetupGcfPrompt();
</script>
4、最佳的兼容模式方案,结合考虑以上两种:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
5、相关文章收藏
http://wiki.smartbi.com.cn/pages/viewpage.action?pageId=21955604