`
wenrunchang123
  • 浏览: 251194 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

META中X-UA-Compatible的用法

 
阅读更多

<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″ 意思是将IE8用IE7进行渲染

    `&lt;meta http-equiv="X-UA-Compatible" content="IE=7"&gt;` 这一行代码是针对Internet Explorer 8(IE8)浏览器的一个特定设置,它的作用是强制IE8以Internet Explorer 7(IE7)的标准模式来渲染网页内容。在IE8之前,...

    html中标签meta的详细使用方法和作用

    通过合理使用`&lt;meta http-equiv="X-UA-Compatible"&gt;`标签,开发者可以在一定程度上解决IE浏览器的兼容性问题,并在必要时利用Google Chrome Frame提高页面的渲染质量和性能。然而,随着现代浏览器的普及和技术的发展...

    LuBei-Summary-HTML_meta_http-equiv.rar_The Mass

    2. **X-UA-Compatible**: 用于IE浏览器的兼容性模式设定,如`&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;`,让页面始终使用最新渲染引擎。 3. **Refresh**: 定义页面自动刷新或跳转,如`&lt;meta ...

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    &lt;meta http-equiv=X-UA-Compatible content=IE=EmulateIE7&gt; 百度一下,你就知道 &lt;/title&gt; &lt;script&gt;var wpo={start:new Date*1,pid:109,page:‘superpage’} &lt;meta http-equiv=X-UA-Compatible content=IE=...

    浏览器的CSS兼容问题

    - `&lt;meta http-equiv="X-UA-Compatible" content="edge"/&gt;`:强制IE8使用最新版IE浏览器的渲染模式,即Edge模式。 - `&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/&gt;`:即使页面指定了DOCTYPE,也...

    IE7与IE8的兼容性 配置文档

    在探讨IE7与IE8的兼容性配置时,我们首先需要理解的是,随着技术的不断进步,不同版本的...在实际操作中,根据网站的具体情况选择最合适的`X-UA-Compatible`值至关重要,以确保用户体验的一致性和网站功能的完整性。

    HTML5中meta属性的使用方法

    meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。...meta http-equiv=X-UA-Compatible content=IE=edge /&gt; 指示IE以目前可用的最高模式显示内容

    一行代码解决各种IE兼容问题(IE6-IE10)

    然而,有一种简单的方法,即通过使用`&lt;meta&gt;`标签中的`x-ua-compatible`指令,可以在一定程度上解决这些问题。 `x-ua-compatible` 是一个特殊的HTTP响应头,也可以放在HTML的`&lt;head&gt;`部分中,用于告诉IE浏览器如何...

    WEB程序兼容IE代码

    - `&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/&gt;` 这行代码的作用是告诉IE浏览器使用IE7的渲染引擎来呈现当前网页。其中,`http-equiv`属性相当于HTTP头部字段,`X-UA-Compatible`是特定于IE的一...

    IE中引入GoogleChromeFrame插件.docx

    1. **激活GCF**:要在特定页面上激活GCF,可以通过添加`X-UA-Compatible` HTTP头部或Meta标签来指定。 ```html &lt;meta http-equiv="X-UA-Compatible" content="chrome=1"&gt; ``` 这个Meta标签告诉IE浏览器使用GCF...

    HTML5 声明兼容IE的写法

    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;中的IE=edge指的是强制IE浏览器使用最新版本的文档模式来渲染网页,这对于新版本的IE浏览器是默认的模式,使得页面能够兼容最新的IE浏览器。然而,如果需要...

    IE兼容插入代码

    总之,解决IE兼容性问题的关键在于理解`X-UA-Compatible`响应头的作用,它允许开发者指定浏览器应使用的渲染引擎模式。通过上述三种方法,开发者可以有效地控制网页在不同版本的IE中的表现,确保在旧版浏览器上的...

    设置IE8使用IE7的样式的代码

    总结以上所述,通过设置X-UA-Compatible元标签为`&lt;meta http-equiv="x-ua-compatible" content="ie=7" /&gt;`,可以实现让IE8浏览器使用IE7的样式和功能,从而让网站在不同版本的IE浏览器中表现得尽可能一致。...

    modern-hta:在HTML应用程序中运行现代代码

    meta http-equiv =" x-ua-compatible " content =" ie=11 " &gt; &lt; script src =" https://unpkg.com/modern-hta " &gt; import $ from './$.mjs' import data from './data.json' log ( `Hello World` ) &lt...

    一句代码解决IE8兼容问题.docx

    &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; ``` 这行代码告诉IE8以IE7的渲染模式来显示网页,从而解决了可能因IE8标准模式下新特性引起的兼容性问题。这种方法适用于单个页面,只需将代码插入...

    domino xpages 开发 引用head说明

    在XPages中,可以使用`&lt;xp:metaData&gt;`标签来实现相同的效果,如`&lt;xp:metaData httpEquiv="X-UA-Compatible" content="IE=edge"&gt;&lt;/xp:metaData&gt;`。 2. **字符编码**: - `&lt;meta charset="utf-8"&gt;`用于设定页面的...

    ie6_ie7_ie8_ff(火狐)浏览器兼容性

    为了使IE8能够以IE7或IE8的标准模式渲染页面,可以使用X-UA-Compatible元标签: ```html &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; ``` 这将确保IE8以最高标准模式渲染页面,接近现代...

    各主流浏览器CSS HACK列表

    - **`&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;`**: - **用途**:使IE浏览器以最高版本渲染页面。 - **示例**: ```html &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=...

    bootstrap输入框组使用方法

    meta http-equiv=X-UA-Compatible content=IE=edge&gt; &lt;meta name=viewport content=width=device-width, initial-scale=1&gt; &lt;title&gt;Bootstrap&lt;/title&gt; &lt;link rel=stylesheet href=css/...

Global site tag (gtag.js) - Google Analytics