http://blog.snsgou.com/post-16.html

作者：SNSGOU 发布于：2013-07-17 22:23:05  分类：CSS/HTML     评论(0)  浏览(1323)

IE8及以后的IE9/IE10浏览器，为了实现IE兼容基于其它网页标准开发的网站，IE浏览器还专门提供了“兼容性视图”功能。当IE浏览器检测到某网站不兼容时，地址栏右侧就会出现兼容性视图按钮，出现问题只需轻轻一点，大部分网页显示就会正常了。

下面以IE8浏览器举例：

IE8兼容性问题的快速解决办法

IE8下，原来好好的页面怎么变得乱七八糟了。不要急，其实出现网页显示问题，一般不是您的电脑或者浏览器有问题，而是由于各网站开发标准不同，所以在不同的浏览器上打开时就可能出现页面显示问题。

为了减少这类影响您网页浏览体验的情况出现，IE8不仅采用了国际通用的网页开发标准——W3C标准(WorldWideWebConsortium即万维网联盟标准)，并且为了实现IE8兼容基于其它网页标准开发的网站，IE8还专门提供了“兼容性视图”功能。当IE8检测到某网站不兼容时，地址栏右侧就会出现兼容性视图按钮，出现问题只需轻轻一点，大部分网页显示就会正常了。而且您还不用担心每次都需要这么操作，为了不影响您的上网体验，事实上在您点过兼容性视图按钮后，这个网站将会被自动保存到兼容性列表中，下次您再登录这个页面，IE8会自动启用兼容性视图。

当然IE8还为您提供了一个一劳永逸的办法，您可以通过简单的设置，将所有的网站都用IE8兼容性视图方式显示。点击IE右侧的“工具”按钮，选择“兼容性视图设置”，在弹出的对话框中，勾选“在兼容性视图中显示所有网站”,这样就可以避免由于兼容性而造成的页面显示问题的出现了!　

如果你是站长，发现自己网站在IE8浏览下出现不正常显示的情况，该怎么办了？下面告诉你两个方法。　

1、在网页里面加入这行代码就可以使IE8使用兼容视图：

1 <metahttp-equivmetahttp-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

代码示例：

01 <html>
02 <head>
03 <!--UseIE7mode-->
04 <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
05 <title>MyWebPage</title>
06 </head>
07 <body>
08 <p>Contentgoeshere.</p>
09 </body>
10 </html>

觉得写代码比较麻烦就可以直接在“HTTP头”那个标签，添加自定义HTTP头，自定义HTTP头名为X-UA-Compatible，自定义HTTP头值为IE=EmulateIE7，确定后,应用就可以了。

2、如果你觉得在每个页面加入这段代码比较麻烦，现在介绍一种更简便的方法。如果你用的是IIS服务器，可以配置Web.config文件：

01 <?xml version="1.0" encoding="utf-8"?>
02 <configuration>
03   <system.webServer>
04     <httpProtocol>
05       <customHeaders>
06         <add name="X-UA-Compatible" value="IE=EmulateIE7">
07       </customHeaders>
08     </httpProtocol>
09   </system.webServer>
10 </configuration>

当然，你也可通过窗口配置：

最终，也会在网站目录下生成一个Web.config文件。

3、如果用的是Apache服务器，可以配置httpd.conf文件:

1 LoadModule headers_module modules/mod_headers.so
2  
3 <IfModule headers_module>
4    Header set X-UA-Compatible: IE=EmulateIE7
5 </IfModule>

以上是使所有的网页都使用IE8兼容视图。如果只想让个别目录下的文件用兼容视图，在下设置：

先配置http.conf文件，例如：

1 <Directory "C:/Program Files/Apache Software Foundation/Apache2.2/htdocs/ie8test">
2     Options Indexes FollowSymLinks
3     AllowOverride All
4     Order allow,deny
5     Allow from all
6 </Directory>

再在该目录下的 .htaccess文件添加如下内容：

1 <IfModule headers_module>
2 Header set X-UA-Compatible: IE=EmulateIE7
3 </IfModule>

下面这篇文章详细介绍了如何进行配置：

http://blogs.msdn.com/hanuk/archive/2008/08/28/apache-httpd-configuration-for-ie7-standard-mode-rendering-in-ie8.aspx

有关更多IE8兼容模式的信息可以访问微软的官方网站：

http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

其他的IE9，IE10，同理可得：

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

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

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

IE8/IE9/IE10打开网页后，自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”的更多相关文章

  1. python - 将数据转换成 excl 表格, json 等文件 （dajngo - 打开网页后自动下载）

    本篇只讲述怎么用. 具体 tablib  更多详细用法可参考博客 : https://blog.csdn.net/liangyuannao/article/details/41476277 # 不得不 ...

  2. Js打开网页后居中显示

    使用JavaScript定义打开网页后居中显示,并可为窗口设置大小,使用“window.open”方法打开新窗口:先来看完整的代码及调用方法: <html xmlns="http:// ...

  3. 【Sublime Text】sublime修改默认浏览器及使用不同浏览器打开网页的快捷键设置

    #第一步:安装SideBarEnhancements插件 下载插件,需要“翻墙”,故提供一下该插件的github地址:https://github.com/titoBouzout/SideBarEnh ...

  4. 微信QQ打开网页时提示用浏览器打开

    微信QQ打开网页时提示用浏览器打开 一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示 二,功能实现 2.1 html实现 &l ...

  5. 解决浏览器打开网页后提示“dns_probe_possible”的方法

    使用浏览器浏览网页时偶尔会遇到无法上网且浏览器提示:DNS_PROBE_POSSIBLE 一般有三种情况会导致这样的故障: 1.网络协议出现故障,也就是常说的 DNS 设置问题 2.浏览器中设置问题, ...

  6. Nodejs一键实现微信内打开网页url自动跳转外部浏览器访问的功能

    前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面 ...

  7. vue单页面应用刷新网页后vuex的state数据丢失问题以及beforeunload的兼容性

    最近在用vue写h5项目,当使用window.location重定向页面或者刷新当前页面时, 发现当刷新网页后,保存在vuex实例store里的数据会丢失. 后来在网上查找大神的解决方案如下: exp ...

  8. IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)

    来源: http://www.cnblogs.com/JustinYoung/archive/2009/04/03/kaifarenyuangongju2.html 在上一篇文章IE8“开发人员工具” ...

  9. 随手记一次利用webbowser控件打开网页后cookie读取与设置

    利用wininet.dll 组件读取cookie : [DllImport("wininet.dll", CharSet = CharSet.Auto, SetLastError ...

随机推荐

  1. GIT分布式版本控制

    1.1Git简介 linus 用C语言编写 2005年诞生 分布式版本管理系统 速度快,适合大规模,跨地区多人协同开发 Git不仅是一款开源的分布式版本控制系统,而且有其独特的功能特性,例如大多数的分 ...

  2. JDK11的重要新特性

    文章目录 JDK11发布啦 Oracle不再提供JRE和Server JRE下载 删除部署工具 JavaFX不再包含在JDK中 删除Java EE和CORBA模块 JDK11发布啦 JDK11 在20 ...

  3. VulnHub靶场学习_HA: Chanakya

    HA-Chanakya Vulnhub靶场 下载地址:https://www.vulnhub.com/entry/ha-chanakya,395/ 背景: 摧毁王国的策划者又回来了,这次他创造了一个难 ...

  4. Galera将死——MySQL Group Replication正式发布

    2016-12-14 来源:InsideMySQL 作者:姜承尧 MySQL Group Replication GA 很多同学表示昨天的从你的全世界路过画风不对,好在今天MySQL界终于有大事情发生 ...

  5. CSS开发技巧(二）：表格合并边框后的单元格宽度计算

    前言: 分离边框模型和合并边框模型是表格的两种模型,它通过以下属性确定: border-collapse:separate(默认值) | collapse | inherit 当采用分离边框模型时,表 ...

  6. Unity（GameObject）

    ####1. 这个方法用于发送一个数据到指定的方法中,第三个参数是是否强制接收 以下三种方法发送消息的形式,各有不同的效果,可以通过第一个参数指定要发送的方法名名,第二个是发送的参数值,第三个参数是是 ...

  7. 关于利用注射点判断数据库web是否分离

    得到客户端主机名:select host_name();得到服务端主机名: select @@servername; 本文转hackfreer51CTO博客,原文链接:http://blog.51ct ...

  8. Semaphores

    信号量和P,V原语的使用可归纳为三种情形: 把信号量视为加锁标志位,其目的是为了实现对某个唯一的共享数据的互斥访问,如各个进程间的某共享变量,数据库中的某个记录. 共享数据的值与信号量本身的值没有直接 ...

  9. 地表最简单安装MySQL及配置的方法，没有之一

    第一步下载我的压缩包 链接:https://pan.baidu.com/s/1EE40dU0j2U1d-bAfj7TeVA 提取码:n25c 复制这段内容后打开百度网盘手机App,操作更方便哦 第二步 ...

  10. Springboot-WebFlux实现http重定向到https

    1 简介 Spring WebFlux是一个新兴的技术,Spring团队把宝都压在响应式Reactive上了,于是推出了全新的Web实现.本文不讨论响应式编程,而是通过实例讲解Springboot W ...