`
desert3
  • 浏览: 2160480 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

IE兼容模式及客户端兼容模式、服务器端兼容模式设置

    博客分类:
  • Html
 
阅读更多
IE兼容模式:
为了帮助确保网页在将来的 Internet Explorer 版本中具有一致的外观,Internet Explorer 8 引入了文档兼容性。文件兼容性用于定义IE如何渲染网页。

怎么查看当前网页在IE下的兼容性模式:
在浏览器中按F12打开IE开发人员工具,在最上方的工具栏中可以看到浏览器模式和文档模式。

  • 浏览器模式影响浏览器的行为表现以及声明的版本号
  • 文档模式影响DOM的转换、渲染操作,影响的是浏览器的外观表现,决定网页显示成什么样子的。

客户端兼容性模式默认设置:
  • 外网网站以标准模式来渲染
  • 内网网站以兼容模式(IE7兼容模式)来渲染
  • 当用IP访问网站时,也是自动以标准模式来渲染,因为IE不能知道ip地址是内网或者外网的
  • 当访问本地html文件时,如‘C:\Temp\MyWebPage.htm’,IE8兼容性模式默认也是关闭的
  • 兼容性模式是针对域名设置的
  • 启用、关闭兼容性模式时,浏览器会自动重新加载(刷新)页面(不需要浏览器重启)

客户端兼容模式设置:
兼容性模式按钮

只有当切换到兼容性视图有意义的情况下(譬如当前正以标准模式查看网页),IE才会显示上述按钮。其他情况下,如正以Quick模式查看页面或者正在查看内网网页(它们自动用兼容性模式来渲染),IE会自动隐藏这个按钮。

Tools菜单下的兼容性视图以及兼容性视图设置画面
注意:默认情况下,用兼容性模式(即IE7标准模式)查看内网网站是被选中的



服务器端兼容模式设置:
即当客户端以兼容性模式视图查看网页时,可以在服务器上设置以什么标准的兼容性模式来渲染网页(IE8,IE9下默认启用的是IE7标准的兼容性模式
当客户端以标准模式(非兼容性模式)来查看网页时,服务器端的兼容性模式不会影响标准模式的渲染

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


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

例子:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />

IE文档兼容性模式所有可能的值:
  • 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 Specification和W3C Selectors API,并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)。
  • Edge mode指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE,使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

注意事项:
  • 1,根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用
  • 2,content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用


参考:
(IE8兼容模式介绍官网文档)Introducing Compatibility View
翻译过的官网文档:定义文档兼容性
Defining Document Compatibility
  • 大小: 12 KB
  • 大小: 56.2 KB
  • 大小: 44.2 KB
  • 大小: 20.9 KB
  • 大小: 9.1 KB
分享到:
评论

相关推荐

    解决各种IE兼容问题_IE6_IE7_IE8_IE9_IE10

    总之,解决IE兼容问题的方法主要包括使用`X-UA-Compatible`标签指定渲染模式、利用服务器端配置以及引入JavaScript库。开发者可以根据项目需求选择适合的策略,以确保网站在不同版本的IE浏览器中都能正常工作。不过...

    二进制流导出excel(兼容IE8以上)

    3. **兼容性**:在描述中提到的“兼容IE8以上”,意味着这个方法经过优化,可以在Internet Explorer 8及更高版本上运行,这是对老版本浏览器支持的体现。考虑到IE浏览器在某些企业的广泛使用,这种兼容性非常重要。 ...

    ext3与ie9不兼容的问题

    然而,ext3主要应用于Linux操作系统中,因此在讨论它与Web浏览器如IE9的兼容性时,我们实际上是在谈论使用ext3的服务器端技术栈与客户端浏览器的交互问题。 ### Internet Explorer 9 IE9是微软在2011年发布的Web...

    多文件上传 C# 不兼容ie9

    在C#中,多文件上传通常涉及到服务器端的处理,例如使用ASP.NET MVC或Web API框架,以及客户端的JavaScript交互,如jQuery或纯JavaScript。 为了解决IE9的兼容性问题,开发者可能需要采取以下策略: 1. **回退机制...

    dwr实现服务器推技术,兼容低版本IE

    DWR的核心在于创建一个JavaScript对象,该对象可以直接调用服务器端的Java方法,就像操作本地JavaScript对象一样。这种机制通过在服务器上运行的DWR引擎和在客户端运行的JavaScript库实现。DWR提供了安全的跨域调用...

    在Cell插件中如何实现客户端与服务器端数据交换

    在IT领域,尤其是在开发管理信息系统(MIS)时,数据交换是一个关键环节,特别是在客户端与服务器端之间。本文主要探讨的是如何在用友华表的CELL插件中实现这种数据交互,尤其是在B/S(Browser/Server)架构下。CELL...

    图片上传兼容IE

    7. 考虑服务器端兼容性:除了前端,服务器端也需要处理IE上传的文件。例如,IE可能会在文件名中添加额外的字符,如`C:\fakepath\`,服务器端需要正确解析和处理这种情况。 总之,实现图片上传兼容IE需要对不同...

    IE8,IE9不能访问TD服务器解决方法

    这通常与浏览器设置、插件兼容性及服务器端配置有关。本文将详细介绍解决此类问题的具体步骤。 #### 步骤一:检查并调整IE浏览器设置 1. **确认IE版本**:首先确保您的浏览器版本为IE8或IE9。可以通过浏览器的帮助...

    js验证,兼容IE6,IE7,IE8,IE9,firefox,opera,android。

    JavaScript验证在Web开发中扮演着至关重要的角色,它主要用于客户端数据的实时检查,提升用户体验,减少服务器端的压力。本文将深入探讨如何实现一个兼容多种浏览器(包括IE6, IE7, IE8, IE9, Firefox, Opera以及...

    js验证控件,兼容IE,FireFox,Opera

    JavaScript验证的优势在于,它可以在客户端实时进行,减少了服务器端的压力,并能提供即时的反馈,提升用户体验。Gsvalidator控件可能包含了以下关键特性: 1. **兼容性**:Gsvalidator设计时考虑到了多种浏览器的...

    websocket兼容IE678

    5. **部署到Tomcat7**:WebSocket服务器端可能是一个Java应用,部署在Tomcat7这样的Servlet容器上。Tomcat7从7.0版本开始支持WebSocket,可以通过JSR 356(Java API for WebSocket)进行开发。 6. **运行index.jsp*...

    IE10中LinkButton没作用解决文件

    检查浏览器设置,确保IE10运行在标准模式下,而不是IE7或IE8的兼容模式。 2. **更新JavaScript库**:ASP.NET使用的AjaxControlToolkit或jQuery等JavaScript库可能需要更新,以确保它们与IE10兼容。过时的库可能无法...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    3. **JSP (Java Server Pages)**: JSP是一种动态网页技术,它允许在HTML中嵌入Java代码,服务器端执行这些代码并将结果返回给客户端。在文件上传场景中,JSP可能用于接收和处理来自前端的上传请求。 4. **Servlet**...

    java消息推送demo,自动选择websocket,兼容IE低版本

    - 创建WebSocket服务器端,设置事件监听器,处理客户端的连接、断开和消息接收。 - 在客户端,使用Socket.IO的JavaScript库,连接到服务器,并设置相应的事件处理函数。 - 对于IE低版本,需要在客户端代码中处理...

    后台生成浏览器兼容源代码

    ASP是微软开发的一种服务器端脚本环境,用于生成动态网页。它允许开发者在HTML代码中嵌入VBScript或JScript代码,由服务器执行后再返回给客户端浏览器。 2. **浏览器兼容性**: 不同的浏览器对HTML、CSS和...

    javascript验证只能输入数字(兼容IE和火狐)

    在这种情况下,JavaScript 是一种非常实用的工具,因为它可以在客户端实时检查用户输入,减轻服务器端的压力,提升用户体验。本话题将详细介绍如何使用JavaScript实现一个功能,即验证用户只能输入数字,并且这个...

    QC 9.0兼容(支持)IE 7,IE 8的问题

    尽管服务器端设置已完成,但在某些情况下,客户端的IE 7和IE 8浏览器仍可能出现问题。这可能由于浏览器的安全设置所导致: A. 对于IE 7: - 用户需要降低浏览器的安全级别。进入“工具”菜单 -&gt; “Internet选项” ...

    鼎捷GDC客户端配置

    这种方式通常需要在用户计算机上安装特定的程序,该程序与服务器端的系统进行通信,实现数据交互和功能操作。客户端登录的优点在于能够提供更稳定、安全的连接,并且可能具有更好的性能表现,因为部分处理任务是在...

    pdf预览兼容ie9 10 11 demo.rar

    4. **服务器端转换**:将PDF文件转换成图片序列或者HTML,然后在客户端显示。这样可以避免浏览器的PDF渲染问题,但可能牺牲了PDF的交互性和打印功能。 5. **使用现代浏览器的替代方案**:推荐用户升级到更现代的...

    服务器推送示例 - IE/火狐/谷歌 长链防断实用版

    在实现过程中,服务器端可能采用了心跳检测(Heartbeat)机制来检查客户端是否仍然在线,以及及时发现并处理断开的连接。心跳消息通常是一些无实际意义的数据,用于刷新连接,防止因网络闲置而被自动关闭。 客户端...

Global site tag (gtag.js) - Google Analytics