精华内容
下载资源
问答
  • IE6中引入一个增设的兼容模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。 新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性。当你引入一个增设的兼容模式, ...
    IE6、IE7、IE8、IE9兼容性问题解决办法
    2012-01-13 12:00

    前言

    为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。
    新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性。当你引入一个增设的兼容性模式,
    此文章说明文件兼容性的必要性,列出现有版本IE能使用的文件兼容性模式并示范如何选择特定的兼容性模式。


    了解文件兼容性的必要性

    每个主要版本IE新增的功能都是为了让浏览器更容易使用、增加安全性及更支持业界标准。以这些作为IE的特色,其中一个风险就是旧版本网站无法正确的显示。

    为了将这个风险降到最低,IE6允许网页开发人员选择IE编译和显示他们网页的方式。"Quirks mode"为预设,这会使页面以旧版本浏览器的视点显示,"Standards mode"(也称为"strict mode")特点是支持业界标准最为完善。然而要利用这个增强的支持功能,网页必须包含恰当的<!DOCTYPE>指令。

    若一个网页没有包含<!DOCTYPE> 指令,IE6会将它以quirks mode显示。若网页包含有效的<!DOCTYPE> 指令但浏览器无法辨识,IE6会将它以IE6 standards mode显示。因为少数网站已经包含<!DOCTYPE> 指令,兼容性模式的切换相当成功。这使网页开发人员能选择将他们的网页转移为standards mode的最佳时机。

    随著时间经过,更多网站开始使用standards mode。它们也开始使用IE6的特性和功能来检测IE。举例来说,IE6不支持universal selector(即css之全局选择器 * {}),一些网站便使用它来针对IE做特定的对应。

    当 IE7增加了对全域选择器的支持,那些依赖IE6特点的网站便无法侦测出这个新版本的浏览器。因此那些针对IE的特定对应无法应用于IE7,造成这些网站便无法如他们预期的显示。由于<!DOCTYPE> 只支持两种兼容性模式,受到影响的网站拥有者被迫更新他们的网站使其能支持IE7。

    IE8 比之前的任何版本浏览器都更支持业界标准,因此针对旧版本浏览器设计的网页可能无法如预期般呈现。为了帮助减轻所有问题,IE8引入文件兼容性的概念,使你能选择你的网页设计要对应的特定IE版本。文件兼容性在IE8增加了一些新的模式,这些模式能告诉浏览器如何解析和编译一个网页。若你的网页无法在 ie8正确的显示,你可以更新你的网站使它支持最新的网页标准(优先选项)或在你的页面上新增一个meta元素用于告诉IE8如何依照旧版本浏览器编译你的页面。

    这能让你选择将你的网站更新支持IE8新特点的时机。


    认识文件兼容性模式

    IE8支持几种文件兼容性模式,它们具有不同的特性并影响内容显示的方式。

    •Emulate IE8 mode指示IE使用<!DOCTYPE> 指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards mode而quirks mode会显示成IE5 mode。不同于IE8 mode,Emulate IE8 mode重视<!DOCTYPE> 指令。
    •Emulate IE7 mode指示IE使用<!DOCTYPE> 指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards mode而quirks mode会显示成IE5 mode。不同于IE7 mode,Emulate IE7 mode重视<!DOCTYPE> 指令。对于许多网页来说这是最推荐的兼容性模式。
    •IE5 mode 编译内容如同IE7的quirks mode之显示状况,和IE5中显示的非常类似。
    •IE7 mode编译内容如同IE7的standards mode之显示状况,无论网页是否含有<!DOCTYPE> 指令。
    •IE8 mode提供对业界标准的最高支持,包含 W3C Cascading Style Sheets Level 2.1 SpecificationW3C Selectors API ,并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)
    •Edge mode指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE,使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

    由于edge mode使用该IE版本所能支持的最高模式来显示所浏览的网页内容,建议仅使用于测试页及其他非商用页面。


    指定文件兼容性模式

    要为你的网页指定文件模式,需要在你的网页中使用meta 元素放入X-UA-Compatible http-equiv 标头。以下是指定为Emulate IE7 mode 兼容性之范例。

    < html >
    < head >
      
    <!--  Mimic Internet Explorer 7  -->
      
    < meta  http-equiv ="X-UA-Compatible"  content ="IE=EmulateIE7"   />
      
    < title > My Web Page </ title >
    </ head >
    < body >
      
    < p > Content goes here. </ p >
    </ body >
    </ html >  


    其内容随著指定的页面模式而更改,当要模拟IE7时,指定IE=EmulateIE7 ,指定IE=5 , IE=7 , 或IE=8 来选择其中一种兼容性模式。你也可以指定IE=edge 来指示IE8使用它支持的最高模式。

    X-UA-compatible标头没有大小写之分。然而除了title元素及其他的meta 元素之外,它必须出现在网页header节其它元素之前的位置,


    设定网站服务器以指定预设兼容性模式

    网站管理员可籍着为网站定义一个自订标头来为他们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。举例来说,下列的 web.config文件使Microsoft Internet Information Services (IIS)能定义一个自订标头以自动使用IE7 mode来编译所有网页。

    <? xml version="1.0" encoding="utf-8" ?>
    < configuration >
      
    < system.webServer >
        
    < httpProtocol >
          
    < customHeaders >
            
    < clear  />
            
    < add  name ="X-UA-Compatible"  value ="IE=EmulateIE7"   />
          
    </ customHeaders >
        
    </ httpProtocol >
      
    </ system.webServer >
    </ configuration >  


    若你已于网站服务器指定了一个预设的文件兼容性模式,你可以在个别页面上指定不同的文件兼容性模式来盖过它。在网页中指定的模式优先权高于服务器中所指定的模式。

    请查阅你的网站服务器关于指定自订标头的资讯,或看更多资料:

    Implementing the META Switch on Apache
    Implementing the META Switch on IIS


    判定文件兼容性模式

    要判定网页使用IE8浏览时的文件兼容性模式,使用document object(文档对象)的documentMode功能。例如在IE8的网址列输入下列程式码会显示目前页面的文件模式。

    javascript:alert(document.documentMode);

     

    documentMode 功能会回传一个数值对应目前页面的文件兼容性模式,举例来说,若网页指定为支持IE8模式,documentMode 便会回传值"8 "。

    在IE6引入的compatMode功能不支持在IE8引入的documentMode 功能。目前使用compatMode 建立的应用程式还能在IE8中作用,但它们必须更新为使用documentMode。

    若你希望使用JavaScript判定一个文件的兼容性模式,引入下面范例的这段程式码可支持旧版本的IE。

    engine  =   null ;
    if  (window.navigator.appName  ==   " Microsoft Internet Explorer " )
    {
       
    //  This is an IE browser. What mode is the engine in?
        if  (document.documentMode)  //  IE8
          engine  =  document.documentMode;
       
    else   //  IE 5-7
       {
          engine 
    =   5 //  Assume quirks mode unless proven otherwise
           if  (document.compatMode)
          {
             
    if  (document.compatMode  ==   " CSS1Compat " )
                engine 
    =   7 //  standards mode
          }
       }
       
    //  the engine variable now contains the document compatibility mode.
    }

     

    认识内容属性值

    内容属性值在接收到异于先前叙述的数值时是具有弹性的。这能使你对于IE如何显示你的网页更有操控性。举例来说,你可以设定内容属性值为IE=7.5。当你这样做的时候,IE尝试将这个值转换为version vector并选择最接近的结果。在这个例子中,IE会将其设定为IE7 mode。下面的范例显示该模式设定为其他值的状况。

    < meta  http-equiv ="X-UA-Compatible"  content ="IE=4" >     <!--  IE5 mode  -->
    < meta  http-equiv ="X-UA-Compatible"  content ="IE=7.5" >   <!--  IE7 mode  -->
    < meta  http-equiv ="X-UA-Compatible"  content ="IE=100" >   <!--  IE8 mode  -->
    < meta  http-equiv ="X-UA-Compatible"  content ="IE=a" >     <!--  IE5 mode  -->  

    <!--  This header mimics Internet Explorer 7 and uses 
    <!DOCTYPE> to determine how to display the Web page 
    -->
    < meta  http-equiv ="X-UA-Compatible"  content ="IE=EmulateIE7" >   

    注意: 前面的范例显示单独的内容值。实际上IE只会执行网页中第一个X-UA-Compatible标头。

    你也可以使用内容属性来指定复数的文件兼容性模式,这能帮助确保你的网页在未来的浏览器版本都能一致的显示。欲设定复数的文件模式,请设定内容属性以判别你想使用的模式。使用分号来分开各个模式。

    如果一个特定版本的IE支持所要求的兼容性模式多于一种,将採用列于标头内容属性中最高的可用模式。你可以使用这个特性来排除特定的兼容性模式,虽然并不推荐这样做。举例来说,下列标头即会排除IE7 mode。

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

     

    结论

    兼容性对于网页设计师来说是非常重要的顾虑。虽然最好是可以建立一个完全不需依赖任何网页浏览器特性或功能的网站,有时候这是不可能实现的。文件兼容性模式便能将网页限制在某个特定版本的IE中。

    使用X-UA-Compatible标头来指定你的页面支持的IE版本。使用document.documentMode 判定页面的兼容性模式。

    选择支持某个特定版本的IE,你可以确保你的页面在未来的浏览器版本中也能有显示的一致性。

     

     

    转载于:http://hi.baidu.com/376240040/blog/item/2b27903989fefeed3887ce75.html
    展开全文
  •  下面针对谷歌浏览器,列出步骤怎么更改为兼容模式: 第一步:点击右上角的菜单图标 第二步:点击图标所指的工具 第三步:点击工具栏下的扩展程序一栏,之后会出现一个网页

            在平时填网上申报或者在网上填写一些文件的时候,由于浏览器原因,页面打开不全面或者是文本填写框不显示

    针对这种情况,我们只需要将浏览器改为兼容模式打开这个网页即可正常浏览。

           下面针对谷歌浏览器,列出步骤怎么更改为兼容模式:


    第一步:点击右上角的菜单图标


    第二步:点击图标所指的工具


    第三步:点击工具栏下的扩展程序一栏,之后会出现一个网页


    第四步:在该网页中点击“获取更多扩展程序”,进入“Chrome网上应用店”



    第五步:在“Chrome网上应用店”中左上部分搜索“IE tab multi”应用,之后在右半部份找到相应的应用。点击“+免费”就会自动安装了



    安装后的结果:

                                 

         




    至此,兼容模式的一些必要工具已经安装完成,在打开网页之后,只需要点击上图中的“IPA图标”,就可以使用兼容模式浏览网页了。


    展开全文
  • 1:安装 babel-polyfill cnpm install babel-polyfill --save-dev 2:在入口文件buiild中引入 import 'babel-polyfill'或require('babel-polyfill') webpack.base.conf.js中配置 require('babel-polyfill') ...

    1:安装 babel-polyfill

    cnpm install babel-polyfill --save-dev
    

    2:在入口文件buiild中引入 import 'babel-polyfill' 或 require('babel-polyfill')  webpack.base.conf.js中配置

    require('babel-polyfill')
    
    module.exports = {
      entry: {
        app: ["babel-polyfill","./src/main.js"]
      },
    }

      实例截图如下:

    展开全文
  • 可以通过设置为兼容模式来让它正常显示,那么怎么将IE浏览器设置为兼容模式?这里小编教你将IE浏览器设置为兼容模式的设置方法。具体方法如下:1、在开始菜单或者是桌面上找到IE,然后打开它。2、打开之后,它会默认...

    IE浏览器性价比较高,使用频率算比较高的,有时候在IE浏览器上面浏览网站的时候会出现不兼容的现象,怎么回事呢?可以通过设置为兼容模式来让它正常显示,那么怎么将IE浏览器设置为兼容模式?这里小编教你将IE浏览器设置为兼容模式的设置方法。

    具体方法如下:

    1、在开始菜单或者是桌面上找到IE,然后打开它。

    2f4acbc7b269f9ed5966d5be5ae32561.png

    2、打开之后,它会默认打开IE浏览器设置或者是默认打开的网页。

    f0193f1ca253f7cbb774e7b8efb76cd3.png

    3、然后点击页面右上角的  工具 图标,在出现的菜单选项中点击 兼容性视图设置 选项。

    f58da5db91ea30694e5601fb7d0c24ff.png

    efa326d6d1161115a29133397fcebb68.png

    4、然后会弹出一个 兼容性视图设置 的小窗口页面。

    3c1e157d6b026e6e14da1337dd2171b8.png

    5、然后在输入框中输入要兼容的网址,输入好之后,点击后面的 添加 ,添加好之后,点击 关闭 。

    5001af22f2174fc54bda645559f888bb.png

    方法二:

    1、在页面上面菜单栏空白的地方鼠标右击,在出现的菜单中点击 菜单栏 。

    4db80a353e5d4feb992e040787d4e9bf.png

    2、然后在出现的菜单栏中点击 工具 选项,在出现的子菜单中点击 兼容性视图设置 选项,也可以设置。

    41d0adf557b74f4122ee4e66a8d33f26.png

    参考以上教程设置之后,小编轻松将IE浏览器设置为兼容模式,是不是很简单,感兴趣的快来一起学习!

    展开全文
  • HTML:<html> <head> <!-- Mimic Internet Explorer 7 --> ...meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> </head> <body> <p>内容...
  • 使用X-UA-Compatible来设置IE浏览器兼容模式 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的...
  • IE浏览器兼容模式

    2016-02-04 17:16:00
    更为憋屈的是,到了这个年代,IE的亲爹微软都放弃支持IE6-10了,系统尽然还只支持使用IE浏览器(运营电脑安装都是IE8浏览器,所以大部分只管IE8),其他高级浏览器不被支持(当然这是由于系统使...
  • 打开页面按钮显示异常:页面显示多个按钮原因是:360兼容模式ie浏览器不兼容console.log(),从而导致了页面没有走下去,数据没有加载出来。删除或者注释掉就能正常显示了。...
  • IE浏览器版本兼容

    2020-11-02 15:43:21
    IE浏览器的版本设定,辅助版本兼容测试 切换版本可以达到测试不同IE版本的目的。 IE兼容模式 IE浏览器–>工具–>兼容性视图设置 一个问题:由于系统太旧,写死了浏览器版本IE8 只做记录:因为功能A只适用于...
  • 火狐浏览器是一个可以帮助用户解决各种难题的搜索服务软件,用户可以使用浏览器搜索自己需要解决的问题,然后通过平台进行解决就可以了,使用非常的方便,很多搜索...火狐浏览器兼容模式如何设置?火狐浏览器兼容模...
  • 1.IE 浏览器兼容性测试时,用的 11版本的IE浏览器, 要测试的网页 正常; 使用F12,进行低版本的浏览器兼容性测试 其中涉及到IE 浏览器的两个模式,一个浏览器模式(用户代理商字符串),一个文档模式。 本来以为...
  • IE浏览器不支持项目里的用来传递异步消息的的Promise,这属于ES6语法,babel-polyfill可以模拟ES6使用的环境,使得IE浏览器可以使用ES6的所有新方法。 安装步骤: 第一步: npm install --sa...
  • VUE箭头函数在IE浏览器兼容 myArray.forEach(=&gt;{ ..................... }  把=&gt;改成function(xxx) IE不支持很多VUE的写法,自己可以参考一下ES6   swiper3.0版本在IE上兼容性很差的,...
  • 定义:切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理(User-Agent)字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能,这样...
  • 前言 为了帮助确保你的网页在所有未来的IE版本都有...在IE6中引入一个增设的兼容模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。 新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文...
  • 使用X-UA-Compatible来设置IE浏览器兼容模式 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在...
  • IE浏览器兼容性后续 前言 继续尝试解决IE浏览器兼容性问题,结局方案为更换jquery、angularjs、IE的版本。 1.首先尝试更换jquery版本为1.7.2 jquery-1.9.1.js-->jquery-1.7.2.js--> jquery2.1.4.js 无效 2.尝试...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,320
精华内容 2,928
关键字:

ie浏览器切换兼容模式