`
desert3
  • 浏览: 2138690 次
  • 性别: 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
分享到:
评论

相关推荐

    asp.net下用服务器端代码解决浏览器兼容性问题

    我的是IE7输出: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SE 1.X; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; SE 1.X) 谷歌浏览器输出: Mozilla/5.0 (Windows; U

    解决IE10以上版本doPostBack未定义,有32/64位区分

    .Net4.0下ASP.NET在IE10以上版本访问的时候,遇到分页或者控件回发的时候会提示doPostBack未定义,这个补丁是用来在服务器端修正这个问题,安装完...参考在客户端修正(就是指定IE10以上版本访问网站的时候的兼容模式)

    毕业设计:网上鲜花销售系统的设计(源代码)

    服务器端建议用户的计算机使用以下配置(或更高): (1)CPU:Intel或兼容机PentiumPentium3500MHz或更高 (2)硬盘:7200转/分,剩余空间&gt;100M (3)内存:建议512MB或更多 (4)Windows2000Server、 (5)Microsoft.Visual....

    java学习html学习测试.rar

    1. 了解前端知识 1.1 B/S架构 C/S结构,即Client/Server(客户机/服务器)结构,是大家熟知的软件...使用IE内核的浏览器包括猎豹安全、360极速浏览器、百度浏览器、兼容模式的浏览器等 WebKit内核:代表作品是Safari、

    美萍vod视频点播服务器

    一个单独的EXE文件,节目数据以及系统配置都从服务器端读取,无须配置维护。 3、客户多界面支持:美萍VOD系统除了支持用IE浏览器进行WEB界面点播之外,还支持应用程 序界面点播,能满足最大多数顾客的需求。 4、...

    nerv:出色的快速React替代品,与IE8和React 16兼容

    这意味着我们实际上是从同一代码库中将发布到npm,包括: 包描述 神经的核心 用于Redux的神经绑定 为React的神经开发工具提供支持 支持服务器端渲染 用于测试Nerv应用程序的实用程序套件 神经的内部助手功能 Nerv的...

    毕业设计基于PHP的新闻网站系统的实现.rar

    客户端环境:兼容如下浏览器:IE6、IE7、IE8、Firefox3、Opera等 服务器端硬件要求: CPU:主频2.4Hz以上 内存:2G以上 硬盘:20G以上 服务器端软件环境: 操作系统:CentOS5 Web服务器:Apache2.2 PHP...

    解决IE10以上版本doPostBack未定义

    .Net4.0下ASP.NET在IE10以上版本访问的时候,遇到分页或者控件回发的时候会提示doPostBack未定义,这个补丁是用来在服务器端修正这个问题,安装完...参考在客户端修正(就是指定IE10以上版本访问网站的时候的兼容模式)

    HYUploadSRV20190619.rar

    1.服务器端采用异步I/O架构设计,具有高性能I/O处理能力,尤其适用于超大文件上传; 2.服务器端采用高效内存分配技术确保在运行过程中服务器的内存开销最小化; 3.完全采用标准协议实现,因此兼容几乎所有的PC端和...

    解决.Net4.0的网站在IE10以上版本出现_doPostBack未定义

    .Net4.0下ASP.NET在IE10以上版本访问的时候,遇到分页或者控件回发的时候会提示doPostBack未定义,这个补丁是用来...参考在客户端修正(就是指定IE10以上版本访问网站的时候的兼容模式) 感谢提供解决方案及资源的前辈

    解决IE10以上版本doPostBack未定义问题

    .Net4.0下ASP.NET在IE10以上版本访问的时候,遇到分页或者控件回发的时候会提示doPostBack未定义,这个补丁是用来在服务器端修正这个问题,安装完需要重启。如不想在服务器修正,可以看...

    QX2006监控软件含客户端

    系统最低配置: CPU:赛扬 D 2.66G或以上 主板:Intel芯片系列(VIA、SIS等芯片会有兼容问题,不建议使用) 内存:256m或以上 显卡:GeForce2 32m或以上(PCI-E... 4 客户端软件增加显示服务器状态、电子地图功能

    .Net workflow 工作流源代码

    运行环境:客户端安装siverlight运行时,服务器端 .NET3.5框架 浏览器兼容:适用于IE,FF,Chrome等所有主流浏览器 技术特点:采用微软最新技术siverlight js ajax完成,采用客户端 webservice 技术实现流程模型的...

    工作流建模管理工具源码

    运行环境:客户端安装siverlight运行时,服务器端 .NET3.5框架 浏览器兼容:适用于IE,FF,Chrome等所有主流浏览器 技术特点:采用微软最新技术siverlight js ajax完成,采用客户端 webservice 技术实现流程模型的...

    ewebeditor 4.8商业版精简通用版本(集成asp版本)

    增加高级服务器端文件浏览及共享库功能按钮,充分利用已有文件及共享文件。包括图片库、Flash库、媒体库、附件库。超级界面效果:文件夹目录树、4种文件多种查看模式、8种文件排序方式、文件类型图示。文件查看模式...

    QC无法使用问题汇总

    该文档汇总了QC安装后...1.不兼容IE7,IE8的问题 (服务器端设置) 2.无法在Win 7下正常下载页面 (客户端设置) 3.在QC中填写中文内容后无法正常提交到数据库 (客户端设置) 4.在QC中填写中文内容出现乱码的现象 (待修改)

    网上订书系统php小项目

    客户端环境:兼容如下浏览器:IE6、IE7、IE8、Firefox3、Opera等 服务器端硬件要求: CPU:主频2.4Hz以上 内存:2G以上 硬盘:20G以上 服务器端软件环境: 操作系统:CentOS5 Web服务器:Apache2.2 PHP...

    PHP新闻网站系统.zip

    客户端环境:兼容如下浏览器:IE6、IE7、IE8、Firefox3、Opera等 服务器端硬件要求: CPU:主频2.4Hz以上 内存:2G以上 硬盘:20G以上 服务器端软件环境: 操作系统:CentOS5 Web服务器:Apache2.2 PHP...

    css使用客户端没有安装的字体语法解决方案

    在服务器端安装字体是没有办法解决的,因为浏览操作是在客户端,客户端要装该字体才可以。可以用动态字体方案,微软有工具可以制作,到其网站上查一下。但是对于中文字体,下载量太大了,不适合。英文字体的话,还是...

    ThinVNC - Web Remote Desktop:用于远程桌面访问HTML5客户端-开源

    该网络客户端可在任何兼容HTML5的浏览器上运行,例如Chrome,Firefox,Safari,Opera,IE或Edge。 注意:此项目是Thinfinity解决方案的第一个版本。 请访问我们的网站,以找到具有RDP,应用程序发布,具有打印机和...

Global site tag (gtag.js) - Google Analytics