Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

常常在很多网站下看到如下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>

(2)下载Google Chrome Frame 插件

<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

https://www.cnblogs.com/menyiin/p/6527339.html

http://www.w3school.com.cn/tags/tag_meta.asp

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值