码迷,mamicode.com
首页 > Web开发 > 详细

IE8/IE9/IE10打开网页后,自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”

时间:2014-05-19 19:29:40      阅读:803      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   c   code   tar   

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>

当然,你也可通过窗口配置:

bubuko.com,布布扣

bubuko.com,布布扣

最终,也会在网站目录下生成一个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兼容性视图”,布布扣,bubuko.com

IE8/IE9/IE10打开网页后,自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”

标签:style   blog   class   c   code   tar   

原文地址:http://www.cnblogs.com/jcz1206/p/3734619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!