精华内容
下载资源
问答
  • X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式...

    今天,特意去查看了<meta>标签内的属性,总算明白了一点:

    
    
    X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了
     Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。

            为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

    html代码:


     这样才能使得页面在IE8里面表现正常!


            浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦。仅IE浏览器就有好几个主流版本,IE6、IE7、IE8 等等。当然使用诸如 IETester,多版本 IE 共存解决方案之类的第三方集成工具,可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。

            X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。


            各种兼容模式代码示例如下:
    1.<meta http-equiv="X-UA-Compatible" content="IE=5" />
    像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

    2.<meta http-equiv="X-UA-Compatible" content="IE=7" />
    无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。

    3.<meta http-equiv="X-UA-Compatible" content="IE=8" />
    开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。

    4.<meta http-equiv="X-UA-Compatible" content="edge" />
    Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789,那么就调用高版本的那个也就是IE9。

     

    5.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >

    如果IE有安装Google Chrome Frame,那么就走安装的组件,如果没有就和<meta http-equiv="X-UA-Compatible" content="edge" />一样。

    说明:针对IE 6,7,8等版本的浏览器插件Google Chrome Frame,可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核。

     

    6.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

     

            目前,在开发AngularJS项目时(只支持IE8及以上版本或chrome/firefox),而有些同事IE8登录却还提示“请使用IE8及以上版本或chrome/firefox,如果您使用IE8,请在”工具”菜单中,调整为非”兼容性视图”!

    解决方法:

    1.将项目中的.html及.jsp文件的<head>的最前面加上

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

    (即如上meta加在其它meta之前)

    如下所示:

    Html代码 :
      1. <html>  
      2. <head>  
      3. <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>  
      4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
      5. <meta http-equiv="pragma" content="no-cache"/>  
      6. <meta http-equiv="cache-control" content="no-cache"/>  
      7. <meta http-equiv="expires" content="0"/>  
      8. </head>  
      9. ...  
      10. </html>  

    2.选择“工具”菜单栏,点击“兼容性视图设置(B)”
              

        打开如下弹出框,将“在兼容性视图中显示Intranet站点(I)、在兼容性视图中显示所有网站(E)”这两项前面的勾选框勾选掉(即不勾选上)
             


    展开全文
  • X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content=...

    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模 式。

    目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的 header的meta标签中加入如下代码:

    1. <meta http-equiv="X-UA-Compatible" content="IE=7" />

    这样我们才能使得页面在IE8里面表现正常!

    转载于:https://www.cnblogs.com/hb_cattle/archive/2010/06/21/1761747.html

    展开全文
  • 制作网页的时候,IE8浏览器浏览页面的时候,有时候文档模式默认是IE7,导致IE8兼容性不是很好,出现IE7应该出现的模式。 解决办法如下: 在X-UA-Compatible中可用的方法有: IE5和IE7现在已经不用...

    制作网页的时候,IE8浏览器浏览页面的时候,有时候文档模式默认是IE7,导致IE8兼容性不是很好,出现IE7应该出现的模式。

    解决办法如下:

    在X-UA-Compatible中可用的方法有:

    <meta http-equiv="X-UA-Compatible" content="IE=5" >

    <meta http-equiv="X-UA-Compatible" content="IE=7" >

    IE5和IE7现在已经不用了。

    <meta http-equiv="X-UA-Compatible" content="IE=8" >

    <meta http-equiv="X-UA-Compatible" content="IE=edge" >

    其中最后一行是Edge 模式,通知 Windows Internet Explorer 以最高级别的可用模式显示内容。

    目前绝大多数网站都用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    另外加上

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >

    而使用,Emulate模式后则更重视<!DOCTYPE>,

    所以目前来说还是以<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >为首选。

    展开全文
  • 定义文档兼容性

    2014-11-25 09:51:57
    Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。 本文档将介绍由 Windows Internet Explorer 8 支持的...

    对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。

    本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式,以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后,可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。

    各种兼容性模式

    Windows Internet Explorer 8 支持多种兼容性模式,它们可启用不同的受支持的功能,并影响内容的呈现方式。例如,

    IE5 模式呈现内容时,像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

    IE7 模式呈现内容时,无论页面是否包含 <!DOCTYPE> 指令,都像是使用了 Windows Internet Explorer 7 的标准模式。

    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

    IE8 模式最大限度地支持行业标准(包括 W3C Cascading Style Sheets Level 2.1 Specification W3C Selectors API,并能有限支持 W3C Cascading Style Sheets Level 3 Specification(工作草案)

    Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。对于 Windows Internet Explorer 8,这与 IE8 模式是等效的。如果(假定)Windows Internet Explorer 的未来版本支持更高级别的兼容模式,设置为 Edge 模式的页面将显示在由该版本支持的最高级别模式中;但是,当使用 Windows Internet Explorer 8 查看时,这些相同的页面仍将显示在 IE8 模式中。由于在 Windows Internet Explorer 的未来版本中呈现页面内容可能出现意外,建议 Web 开发人员将 Edge 模式仅用于测试页面和其他非生产活动。

    基于每个页面指定兼容性模式

    要为网页指定文本模式,请使用 META 元素,以在该网页中包含 X-UA-Compatible http-equiv 标头。以下示例指定了 EmulateIE7 模式兼容性。

    HTML:
    <html>
          <head>
          <!-- Mimic Internet Explorer 7 -->
             <title>我的网页</title>
             <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
          </head>
          <body>
             <p>内容在此处。</p>
          </body>
    </html>

    Content 属性指定了该页面的模式;例如,要模仿 Windows Internet Explorer 7 的行为,请指定 IE=EmulateIE7。同样,可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。

    X-UA-compatible 标头不区分大小写;但是,它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头(HEAD 部分)中。

    基于每个站点指定兼容模式

    通过使用 Web 服务器为站点定义自定义 HTTP 响应标头,可为网站指定文本模式。HTTP 响应标头是 Web 服务器附加到为响应 HTTP 请求而发送到浏览器中的文件的信息,这些信息通常包含发送回文件的日期、大小和类型。

    下列文档介绍了将 Web 服务器配置为将自定义 HTTP 响应标头附加到所有网页中所需的步骤。这将导致 Windows Internet Explorer 8 使用指定的文本兼容性模式,例如 EmulateIE7。

    如果使用 Web 服务器指定了默认文本兼容性模式,则可通过在特定的网页中指定其他文本兼容性模式来覆盖该设置。在该网页中指定的模式优先于由服务器指定的模式。

    使用脚本确定文本兼容性模式

    要使用 Windows Internet Explorer 8 确定网页的文本兼容性模式,请使用 document 对象的 documentMode 属性。例如,将以下内容键入到 Windows Internet Explorer 8 的地址栏中,可显示当前网页的文本模式。

    javascript:alert(document.documentMode);

    documentMode 属性可返回与页面的文本兼容性模式相对应的数值。例如,如果所选页面支持 IE8 模式,则 documentMode 会返回 8。

    注意:在 Windows Internet Explorer 6 中引入的 compatMode 属性已不受支持,取而代之的是在 Windows Internet Explorer 8 中引入的 documentMode 属性。当前使用 compatMode 的应用程序仍然可以在 Windows Internet Explorer 8 中运行;但是,它们已更新为使用 documentMode。

    如果希望使用 JavaScript 确定文本的兼容性模式,请在其中包含支持 Windows Internet Explorer 旧版本的代码,如以下示例所示。

    JScript:
    engine = null;
    if (window.navigator.appName == "Microsoft Internet Explorer")
    {
          // 这是一个 IE 浏览器。引擎处于哪种模式下?
          if (document.documentMode) // IE8
             engine = document.documentMode;
          else // IE 5-7
          {
             engine = 5; // 假设为 quirks 模式;除非另外证实是其他模式
             if (document.compatMode)
             {
                if (document.compatMode == "CSS1Compat")
                   engine = 7; // 标准模式
             }
          }
          // 引擎变量现在包含文本兼容性模式。
    }

    此处使用的文档对象表示给定浏览器窗口中的 HTML 文档,可用来检查、修改 HTML 文档或将内容添加到该文档以及处理该文档中的事件。

    使用条件注释确定文本兼容性模式

    如果只需要适应 Windows Internet Explorer,以下代码示例说明了如何使用条件注释来适用于当前版本或旧版本。

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
    <html>
          <head>
             <title>测试页</title>
             <meta http-equiv="X-UA-Compatible" content="IE=8"/>
             <!--[if gte IE 8]>
             <style type="text/css">
             body {
              color:#0000ff;
              background-color:#000000;
             }
             </style>
             <![endif]-->
             <!--[if lt IE 8]>
             <style type="text/css">
             body {
              color:#000000;
              background-color:#ffffff;
             }
             </style>
             <![endif]-->
          </head>
          <body>
             <h1>
             <!--[if gte IE 8]>
             第 1 章。
             <![endif]-->
             第一章
             </h1>
             <h1>
             <!--[if gte IE 8]>
             第 2 章。
             <![endif]-->
             第二章
             </h1>
             将看到任何版本的文本。
          </body>
    
    详细请见:http://msdn.microsoft.com/zh-cn/library/cc288325%28VS.85%29.aspx
    
    展开全文
  • Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式呈现它们的页面。可以根据不同的页面或不同的站点指定兼容性模式。本文档介绍了如何通过在 Internet...
  • IE8中兼容性模式

    2014-08-25 12:38:56
    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式...
  • IE6 7 8兼容问题

    千次阅读 2012-08-02 15:33:13
    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content=”IE=7″在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content=”IE=EmulateIE7...
  • X-UA-Compatible是针对ie8新加的一个设置,对于ie8以下的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7...
  • 前提是windows 7下“ 点击标签栏右面的“工具”,点击里面的“兼容性视图设置”,把“在兼容性模式下显示所有网站”的框选上! 好了,现在可以说ie8的浏览模式就是ie7了!和ie7显示的一样了,如果想用标准...
  • 点击标签栏右面的“工具”,点击里面的“兼容性视图设置”,把“在兼容性模式下显示所有网站”的框选上! 好了,现在可以说ie8的浏览模式就是ie7了!和ie7显示的一样了,如果想用标准浏览器的规则浏览网站就再把...
  • meta标签浏览器优先渲染的模式

    千次阅读 2017-05-19 15:25:48
    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的, 这个区别与 content="IE=7"在无论页面...对于多数网站来说,它是首选的兼容性模式。 为了避免制作出的页面在IE8下面出现错误,建议直接
  • IE8兼容IE7的样式

    2011-01-20 12:02:00
    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7...
  • X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式...
  • 傲游3浏览器是国内唯一具有独立内核的桌面浏览器产品,首创双核浏览模式,在安全、快速的基础上,保证了对网银、网购类网站的兼容性。傲游3浏览器内置云端广告过滤系统,强大而易用,确保用户在浏览网页时不受任何...
  • 3.4.2 设置兼容模式 57 3.5 处理脚本 59 3.5.1 脚本的编码 60 3.5.2 IE的CSS expression的各种编码模式 62 3.5.3 浏览器的应对策略:CSP 63 3.5.4 “绕过”CSP:MIME Sniff 65 3.5.5 简单的Fuzz:混淆CSS ...
  •  X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7...
  • X-UA-Compatible:是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7 的标准模式。而content=...
  • X-UA-Compatible兼容

    2014-02-10 08:42:50
    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7...
  • X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7...
  • X-UA-Compatible是针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含&lt;!DOCTYPE&...对于多数网站来说,它是首选的兼容性模式。...
  • Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。 本文档将介绍由 Windows Internet Explorer 8 支持...
  • Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。 本 文档将介绍由 Windows Internet Explore...
  • web端测试方法

    2020-05-27 13:14:08
    windows7 win8 win10 mac ubuntu centos(Linux) 浏览器兼容 IE 8,9,10 Chrom fireFox safari 苹果出的 欧朋浏览器 其他主流市场 QQ浏览器 360浏览器 搜狗浏览器 1.2. 安全测试 常见的安全测试: ⑴用户验证:...
  • 萤石云视频插件windows版是windows用户在使用萤石云服务的必备插件,本...A: 视频7检测到您的浏览器很可能已开启了兼容性视图,可能无法正常使用视频7服务,您可以对浏览器进行如下设置: 对于IE8 1. 在 Internet
  • FCKeditor不仅加上了FLASH插入功能,而且它的兼容性超强:支持多种浏览器包括IE 5.5+、Firefox 1.0+、Mozilla 1.3、Netscape 7+;无平台限制,在Windows、Mac、Linux下都能运行;可以和多种WEB语言融合包括:ASP.Net...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 253
精华内容 101
关键字:

windows7浏览器兼容性设置