zoukankan      html  css  js  c++  java
  • content = "IE=edge,chrome=1" 详解

    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 = "chrome=1" />

    </ customHeaders >

    </ httpProtocol >

    </ system.webServer >

    </ configuration >

  • 相关阅读:
    2021,6,10 xjzx 模拟考试
    平衡树(二)——Treap
    AtCoder Beginner Contest 204 A-E简要题解
    POJ 2311 Cutting Game 题解
    Codeforces 990G GCD Counting 题解
    NOI2021 SDPTT D2T1 我已经完全理解了 DFS 序线段树 题解
    第三届山东省青少年创意编程与智能设计大赛总结
    Luogu P6042 「ACOI2020」学园祭 题解
    联合省选2021 游记
    Codeforces 1498E Two Houses 题解 —— 如何用结论吊打标算
  • 原文地址:https://www.cnblogs.com/guohu/p/7573518.html
Copyright © 2011-2022 走看看