转:http://wenrunchang123.iteye.com/blog/1397507
<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 >
- <span style="color: #000000;">< configuration >
- < system.webServer >
- < httpProtocol >
- < customHeaders >
- < add name = "X-UA-Compatible" value = "chrome=1" />
- </ customHeaders >
- </ httpProtocol >
- </ system.webServer >
- </ configuration ></span>
相关推荐
<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属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。...meta http-equiv=X-UA-Compatible content=IE=edge /> 指示IE以目前可用的最高模式显示内容
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt
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=7″ />或者<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个css...
meta http-equiv=X-UA-Compatible content=IE=edge> <meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'> <link href=...
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/...
简介: transition方法的使用 transition内置方法 transition-group animate库实现过渡动画 ...meta http-equiv=X-UA-Compatible content=ie=edge> <title>Document</title> <sc
本文实例为大家分享了Vue.js标签页组件使用的具体代码,供大家参考,具体内容如下 ...meta http-equiv=X-UA-Compatible content=ie=edge> <title>标签页组件</title> <link rel=stylesheet t
方式一:Blob和FileReader 对象 实现原理: 使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = “blob”] 使用FileReader 对象接收blob ...meta http-equiv=X-UA-Compatible content=ie=ed
本文实例为大家分享了js调用设备摄像头的具体代码,供大家参考,具体内容如下 使用getUserMedia这个API来获取摄像头的权限 兼容chrome和火狐,IOS不兼容 ...meta http-equiv=X-UA-Compatible content=ie=edge />
安装 ...用法 Node.js或Webpack ... ...!...meta charset="UTF-8">...meta name="viewport" content="width=device-width, initial-scale=1.0">...meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
本文实例为大家分享了Vue.js下拉菜单组件的具体实现代码,供大家参考,具体内容如下 ...meta http-equiv=X-UA-Compatible content=ie=edge> <title>可从外部关闭的下拉菜单</title> <link rel=
在使用导航栏时下拉列表不展示 没有下拉效果是这样的 经过修改后就解决了: 具体原因是没有导入:layui/layui.js 我的jsp代码是这样的:...meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1> <meta htt
meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Page Title</title> */ 命令行界面 $ npm install --...
表单作为Bootstrap的核心内容,...meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 移动设备优先 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--
使用AngularJS时,当路由发生...meta http-equiv=X-UA-Compatible content=IE=edge> <title>AngularJS监听路由变化</title> </head> <body ng-app=ngRouteExample> <div id=navigation>
今天,先从最简单的开始,将已有的一个Tab选项卡切换功能改写成javascript插件形式。 原生函数写法 ...meta http-equiv=X-UA-Compatible content=IE=edge> <meta name=viewport content=width=device-wid
上一篇随笔提到了MvcPager,最近用到了一款前端JQ插件——DataTable(简称DT),很好用。 DT是一款前端插件,和后端完全...meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport
项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。 先贴代码: <!DOCTYPE html> <html lang="en"> <head> <...