为什么80%的码农都做不了架构师?>>>   

陌生标记标记一:

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

介绍:

这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟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下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/
安装完成后,如果你想对某个页面使用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" content = "chrome=1" >

用以声明当前页面用chrome内核来渲染。

复杂一些的就是本文一开始看到的那中用法:

< meta http-equiv = "X-UA-Compatible" content = "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 gcfHeader 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 >

转载于:https://my.oschina.net/huqiji/blog/831834

标记meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1相关推荐

  1. meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /

    X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...

  2. 详解 meta http-equiv = X-UA-Compatible content = IE=edge,chrome=1 /

    < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 这是个是 ...

  3. IE兼容问题解决方案——指定文件兼容性为content=IE=Edge,chrome=1(可以解决很多的问题)

    引言 偶尔做些坑爹的国企项目或者政府的web项目总是遇到一个坑爹的问题,就是要兼容IE,哪怕微软自己都抛弃IE了那些国企政府机构的老机器还是跑IE,然后经过一番协调一般会指定一个版本至少兼容某个版本以 ...

  4. HTML中添加meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1

    http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模 ...

  5. IE 8兼容:meta http-equiv=X-UA-Compatible content=IE=edge / X-UA-Compatible的解释

    前言:9月份开始了,大四也真正的到来了.深知自己网页布局还有很大的缺陷,接下来打算从工作中抽时间出来模仿着一些互联网公司的网站.顺便把基础理论知识打好. 第一个目标:小米官网:后续会把练习的项目放到g ...

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

    X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的. 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置. 在网页中指定的模式 ...

  7. 定义页面元信息标记meta

    定义页面元信息标记meta <meat name="名称"content="值"/>* 设置网页关键字:<meat name="ke ...

  8. meta http-equiv=X-UA-Compatible content=ie=edge的意思

    <meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码 ...

  9. meta http-equiv=X-UA-Compatible content=IE=edge / 的说明

    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE> ...

最新文章

  1. 03_TortoiseGit冲突和补丁演示,补丁冲突
  2. qq飞车登陆服务器无响应,qq飞车手游进不去怎么回事 为什么进不去游戏
  3. 洛谷 P3853 [TJOI2007]路标设置
  4. Linux fwrite 什么时候刷新,linux的fwrite()使用方法,当前时间写入文本的程序
  5. STM32-IO引脚复用-原理和使用
  6. 信息学奥赛一本通 1080:余数相同问题 2022.1.29 AC
  7. java框架之SpringCloud(2)-Rest微服务案例
  8. java的枚举_Java 枚举
  9. SQL处理非常见空串
  10. 自助分析重新定义大宗商品交易
  11. linux打不开vlc怎么办下面是解决方法
  12. QTableWidget表格控件的用法
  13. 腾讯最难lua面试题答案及解析
  14. discuzx管理员、超级版主、版主管理手册
  15. Paper Writting4 - 礼貌用语
  16. postgresql数据库连接,增删改查数据
  17. 寻求公正是一种心理病
  18. 单片机原理及接口技术第一章
  19. 软件测试应该重点关注的测试过程
  20. 基于python命令流及代码的Plaxis自动化建模

热门文章

  1. 我是如何每周坚持 5 天自学机器学习,并拿到offer的
  2. SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置
  3. SAP QM Batch to Batch的转移过账事务中的Vendor Batch
  4. 黑客帝国「缸中之脑」有眉目了?培养皿中百万人脑细胞学会打乒乓球,仅用了5分钟...
  5. 新型智能头盔可快速评估患者中风的大小、位置和类型
  6. 打破 Google 破坏性的搜索垄断
  7. 人工智能与人类智能的竞赛:人机对抗智能技术全梳理
  8. 【工业4.0】深度报告:独家解密工业4.0真正图谋?跟踪软件帝国的十年
  9. 苹果/三星/华为纷纷布局人工智能 将AI作为公司发展新动力
  10. 区块链行业报告|从交易流程到Token经济的全方位解析