meta http-equiv=”X-UA-Compatible” content=”ie=edge” 的作用

本人对该知识点了解不深,本文采用Victor,再进一步!的文章,如果有人看到本页,请直接进入https://www.cnblogs.com/victor5230/p/5846832.html,浏览原文。

对于IE8及以上版本,例如:
1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
 
强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如
1: <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />
 
以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本:
1: <meta http-equiv="X-UA-Compatible" content="IE=8" />
 
这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟
1: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
 
对于IE=EDGE
1: <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
 
这意味着,会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的JQuery一样,这是按照最新版本,但也可能由于没有固定的版本而破坏你的布局。

最后,考虑下面这个
1: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
 
添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >
但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >仍然是首选。
StackOverFlow原链接;?answertab=active#tab-top

本文内容由用户注册发布,仅代表作者或来源网站个人观点,不代表本网站的观点和立场,与本网站无关。本网系信息发布平台,仅提供信息存储空间服务,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。如因作品内容侵权需删除与其他问题需要同本网联系的,请尽快通过本网的邮箱或电话联系。 
THE END
分享
二维码
< <上一篇
下一篇>>