<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式,以此来解决部分兼容问题,例如模拟IE7的具体方式如下:< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了?迅速搜索了一下,才明白原来不是微软增强了IE,而是谷歌做了个外挂:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,谷歌这个墙角挖的真给力!
而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com但是如果想要在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF再使用IE内核进行渲染,该如何进行呢?
就是使用这个标记。
标记用法:
阅读了下chrome的开发文档(http://www.chromium.org/developers/how-tos/chrome-frame-getting-started),下面来简单讲解一下这个标记的语法。
1.最基本的用法:在页面的头部加入
<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。
2.通过修改HTTP头文件的方法来实现让指定的页面使用GCF内核进行渲染:
在HTTP的头文件中加入以下信息:X-UA-Compatible: chrome=1
在Apache服务器中,确保 mod_headers 和 mod_setenvif文件可用,然后在httpd.conf中加入以下配置信息:
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
BrowserMatch chromeframe gcf
Header append X-UA-Compatible "chrome=1" env=gcf
</IfModule >
</IfModule >
在IIS7或者更高版本的服务器中,只需要修改web.config文件,添加如下信息即可即可:
< configuration >
< system.webServer >
< httpProtocol >
< customHeaders >
< add name = "X-UA-Compatible" value = "chrome=1" />
</ customHeaders >
</ httpProtocol >
</ system.webServer >
</ configuration >
分享到:
相关推荐
`<meta http-equiv="X-UA-Compatible" content="IE=7">` 这一行代码是针对Internet Explorer 8(IE8)浏览器的一个特定设置,它的作用是强制IE8以Internet Explorer 7(IE7)的标准模式来渲染网页内容。在IE8之前,...
通过合理使用`<meta http-equiv="X-UA-Compatible">`标签,开发者可以在一定程度上解决IE浏览器的兼容性问题,并在必要时利用Google Chrome Frame提高页面的渲染质量和性能。然而,随着现代浏览器的普及和技术的发展...
2. **X-UA-Compatible**: 用于IE浏览器的兼容性模式设定,如`<meta http-equiv="X-UA-Compatible" content="IE=edge">`,让页面始终使用最新渲染引擎。 3. **Refresh**: 定义页面自动刷新或跳转,如`<meta ...
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> 百度一下,你就知道 </title> <script>var wpo={start:new Date*1,pid:109,page:‘superpage’} <meta http-equiv=X-UA-Compatible content=IE=...
- `<meta http-equiv="X-UA-Compatible" content="edge"/>`:强制IE8使用最新版IE浏览器的渲染模式,即Edge模式。 - `<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>`:即使页面指定了DOCTYPE,也...
在探讨IE7与IE8的兼容性配置时,我们首先需要理解的是,随着技术的不断进步,不同版本的...在实际操作中,根据网站的具体情况选择最合适的`X-UA-Compatible`值至关重要,以确保用户体验的一致性和网站功能的完整性。
meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。...meta http-equiv=X-UA-Compatible content=IE=edge /> 指示IE以目前可用的最高模式显示内容
然而,有一种简单的方法,即通过使用`<meta>`标签中的`x-ua-compatible`指令,可以在一定程度上解决这些问题。 `x-ua-compatible` 是一个特殊的HTTP响应头,也可以放在HTML的`<head>`部分中,用于告诉IE浏览器如何...
- `<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>` 这行代码的作用是告诉IE浏览器使用IE7的渲染引擎来呈现当前网页。其中,`http-equiv`属性相当于HTTP头部字段,`X-UA-Compatible`是特定于IE的一...
1. **激活GCF**:要在特定页面上激活GCF,可以通过添加`X-UA-Compatible` HTTP头部或Meta标签来指定。 ```html <meta http-equiv="X-UA-Compatible" content="chrome=1"> ``` 这个Meta标签告诉IE浏览器使用GCF...
<meta http-equiv="X-UA-Compatible" content="IE=edge">中的IE=edge指的是强制IE浏览器使用最新版本的文档模式来渲染网页,这对于新版本的IE浏览器是默认的模式,使得页面能够兼容最新的IE浏览器。然而,如果需要...
总之,解决IE兼容性问题的关键在于理解`X-UA-Compatible`响应头的作用,它允许开发者指定浏览器应使用的渲染引擎模式。通过上述三种方法,开发者可以有效地控制网页在不同版本的IE中的表现,确保在旧版浏览器上的...
总结以上所述,通过设置X-UA-Compatible元标签为`<meta http-equiv="x-ua-compatible" content="ie=7" />`,可以实现让IE8浏览器使用IE7的样式和功能,从而让网站在不同版本的IE浏览器中表现得尽可能一致。...
meta http-equiv =" x-ua-compatible " content =" ie=11 " > < script src =" https://unpkg.com/modern-hta " > import $ from './$.mjs' import data from './data.json' log ( `Hello World` ) <...
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ``` 这行代码告诉IE8以IE7的渲染模式来显示网页,从而解决了可能因IE8标准模式下新特性引起的兼容性问题。这种方法适用于单个页面,只需将代码插入...
在XPages中,可以使用`<xp:metaData>`标签来实现相同的效果,如`<xp:metaData httpEquiv="X-UA-Compatible" content="IE=edge"></xp:metaData>`。 2. **字符编码**: - `<meta charset="utf-8">`用于设定页面的...
为了使IE8能够以IE7或IE8的标准模式渲染页面,可以使用X-UA-Compatible元标签: ```html <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ``` 这将确保IE8以最高标准模式渲染页面,接近现代...
- **`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`**: - **用途**:使IE浏览器以最高版本渲染页面。 - **示例**: ```html <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=...
meta http-equiv=X-UA-Compatible content=IE=edge> <meta name=viewport content=width=device-width, initial-scale=1> <title>Bootstrap</title> <link rel=stylesheet href=css/...