content = "IE=edge,chrome=1" 详解_content="ie=edge,chrome=1-程序员宅基地

技术标签: jQuery  

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.最基本的用法:在页面的头部加入

1< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >

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

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

1< 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 gcf

Header append X-UA-Compatible "chrome=1" env=gcf

在IIS7或者更高版本的服务器中,只需要修改web.config文件,添加如下信息即可即可:

< configuration >

< system.webServer >

    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=10,chrome=1"/>
      </customHeaders>
    </httpProtocol>

</ system.webServer >

</ configuration >

强制浏览器使用兼容模式,Web.config,httpProtocol

  对于一些政府类的网站,很多支持IE6~8,而不支持使用更高版本浏览器浏览。虽然有些浏览器会自动使用兼容模式,或有些人会手动调整浏览器的兼容模式,但不是每一个人、每一款浏览器都可以做到用兼容模式。所以,强制浏览器使用指定版本的兼容模式运行,变得势在必行。

<configuration>

  <system.webServer>

    <!-- 设定网站服务器以指定预设兼容性模式 Lionden -->

    <httpProtocol>

      <customHeaders>

        <clear />

        <add name="X-UA-Compatible" value="IE=EmulateIE7" />

      </customHeaders>

    </httpProtocol>

  </system.webServer>

</configuration>

  

微软IIS知识链接:http://www.iis.net/configreference/system.webserver/httpprotocol;

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/chenbinqq/article/details/102616898

智能推荐

virtual void DoDataExchange(CDataExchange* pDX);这句是干什么用的?_dodataexchange button 变量-程序员宅基地

文章浏览阅读1.5k次,点赞2次,收藏7次。 virtual void DoDataExchange(CDataExchange* pDX);这句是干什么用的?这个是用来在里面添加控件或者控件属性对应的成员变量的. 比如: 对话框上面有一个button,对应ID为 IDC_BUTTON1 我就可以这样: 定义一个CButton变量: CButton m_btn1; 然后就可以在对应的对话框的DoDataExchange函_dodataexchange button 变量

android studio方法过时,Android Studio中过时的Kotlin运行时警告-程序员宅基地

文章浏览阅读573次。回答(12)2 years ago您可以在项目级别 build.gradle 文件中更新Kotlin版本 . 如果您按常规方式配置它,则应在顶部附近包含以下行:ext.kotlin_version = '1.1.2'要升级到与插件匹配的版本,只需将此行更改为:ext.kotlin_version = '1.1.2-3'Edit (回答以下问题):该错误告诉您需要升级您的版本,问题是在哪里找出您必须..._as项目中的jar包的kotlin版本过高

#创新实训#VR漫游项目汇报7_用∨r汇报-程序员宅基地

文章浏览阅读153次。下面是这一周各成员项目和博客更新进度:1.点击打开链接htc vive的手柄交互事件总结整理————————————————————————————————————————————————————2.点击打开链接unity-VR场景漫游#消息解耦消息解耦重写了关于消息发送机制方面的代码,其中建立主消息队列、回调队列、延迟消息队列,建立消息之间的订阅机制,代码具体如下:namespace SLQJ..._用∨r汇报

顺时针旋转矩阵_逆时针旋转矩阵-程序员宅基地

文章浏览阅读656次。链接:https://www.nowcoder.com/questionTerminal/2e95333fbdd4451395066957e24909cc 来源:牛客网有一个NxN整数矩阵,请编写一个算法,将矩阵顺时针旋转90度。 给定一个NxN的矩阵,和矩阵的阶数N,请返回旋转后的NxN矩阵,保证N小于等于300。 测试样例:    [[1,2,3],[4,5,6],[7,8,9]],3_逆时针旋转矩阵

Centos7(linux)下hbase的伪分布式搭建以及eclipse远程连接_linux eclipse hbase-程序员宅基地

文章浏览阅读1.8k次,点赞3次,收藏11次。本博客是在VMware15.5pro、hadoop-2.7.5、jdk1.8.0、hbase-1.2.10,下进行的hbase-1.2.10-bin.tar.gz下载地址:http://archive.apache.org/dist/hbase/怎样下载,同志们可以百度,这里不加以赘述。(这里不懂一些基础命令的可以参考之前的博客,这个与hadoop伪分布式的搭建类似)(12条消息) hadoop的伪分布环境搭建(hadoop-2.7.5)_qq_45672631的博客-程序员宅基地下载好hb_linux eclipse hbase

页面置换算法OPT,FIFO,LRU,LFU_lfu算法是不是就是optimal算法-程序员宅基地

文章浏览阅读1.4w次,点赞26次,收藏143次。1.背景进程运行时,若其访问的页面不在内存而需将其调入,但内存已无空闲空间时,就需要从内存中调出一页程序或数据,送入磁盘的对换区。选择调出页面的算法就称为页面置换算法。好的页面置换算法应有较低的页面更换频率,也就是说,应将以后不会再访问或者以后较长时间内不会再访问的页面先调出。2.置换策略理论1. 最佳置换算法(OPT)最佳(Optimal, OPT)置换算法所选..._lfu算法是不是就是optimal算法

随便推点

dcmtk读写dicom文件头与文件内容_dcmimage.h-程序员宅基地

文章浏览阅读1k次。图像处理与VTK/ITK文章列表 #include <boost/archive/text_oarchive.hpp> #include <boost/archive/text_iarchive.hpp> #include <iostream> #include <sstream> #include <string>#i..._dcmimage.h

JSON技术-Gson将bean转换json确保数据的正确,使用FastJson将Json转换Bean_java gson bean to jsonobject-程序员宅基地

文章浏览阅读4.2k次,点赞3次,收藏5次。一 、各个JSON技术的简介和优劣1.json-libjson-lib最开始的也是应用最广泛的json解析工具,json-lib 不好的地方确实是依赖于很多第三方包,包括commons-beanutils.jar,commons-collections-3.2.jar,commons-lang-2.6.jar,commons-logging-1.1.1.jar,ezmorph-1.0._java gson bean to jsonobject

Centos下更新Python到3.x_centos更新python3-程序员宅基地

文章浏览阅读188次。Centos下更新Python到3.x安装wget下载新版本解压缩创建一个空的文件夹,用来安装编译并安装创建软链接配置 yum参考了知乎用户-爬上墙头大佬的文章。Carlos Blog大佬的内容会更全面一些,但是链接似乎会被墙掉,所以把一些问题写在了这里。安装wget# yum install wget下载新版本这里用的版本是 Python3.7.0# wget https://www.python.org/ftp/python/3.5.2/Python-3.7.0.tgz解压缩# t_centos更新python3

pandas对dataframe的数据列进行随机抽样(Random Sample of Columns):使用sample函数进行数据列随机抽样(有放回的随机抽样,replacement)_从dataframe中读取完整的一列值,如何实现随机取值-程序员宅基地

文章浏览阅读685次,点赞3次,收藏3次。pandas对dataframe的数据列进行随机抽样(Random Sample of Columns):使用sample函数进行数据列随机抽样(有放回的随机抽样,replacement)目录pandas对dataframe的数据列进行随机抽样(Random Sample of Columns):使用sample函数进行数据列随机抽样(有放回的随机抽样,replacement)#使用sample函数进行数据列随机抽样语法#仿真数据#使用sample函数进行数据列随机抽样(有放回的随机_从dataframe中读取完整的一列值,如何实现随机取值

Nginx的缓存模块proxy_cache_nginx proxy_cache-程序员宅基地

文章浏览阅读3.5k次。Nginx缓存模块proxy_cache缓存配置语法缓存过期周期定义缓存的键,缓存的维度Nginx缓存配置示例准备web节点准备Proxy节点访问测试清理Nginx缓存方式配置某些页面不缓存,并配置缓存日志部分缓存测试缓存配置语法Syntax: proxy_cache zone | off;Default: proxy_cache off;Context: http, server, l..._nginx proxy_cache

机器学习笔记 - 使用CNN和LSTM为图像生成文字描述_lstm为图片生成文字描述-程序员宅基地

文章浏览阅读3.8k次,点赞6次,收藏36次。我们将使用CNN(卷积神经网络) 和 LSTM(长期短期记忆)来实现字幕生成器。图像特征将从 Xception 中提取,Xception 是在 imagenet 数据集上训练的 CNN 模型,然后我们将特征输入 LSTM 模型,该模型将负责生成图像说明。这里使用 Flickr_8K 数据集。虽然还有其他大型数据集,如 Flickr_30K 和 MSCOCO 数据集,但仅训练网络可能需要几周时间,所以我们将使用小型 Flickr8k 数据集。但是庞大数据集的优势在于我们可以构建更好的模型。_lstm为图片生成文字描述