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

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"/>

时间: 2024-10-13 18:03:01

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

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

本篇只讲述怎么用. 具体 tablib  更多详细用法可参考博客 : https://blog.csdn.net/liangyuannao/article/details/41476277 # 不得不说  tablib  模块是真的好使. 一. 运行脚本将文件存入本地 import tablib headers = ('商品名称', '数量', '单价', '合计') data = [ ['orange', '1', '5', '5'], ['apple', '2', '6', '12'] ]

Js打开网页后居中显示

使用JavaScript定义打开网页后居中显示,并可为窗口设置大小,使用“window.open”方法打开新窗口:先来看完整的代码及调用方法: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>打开居中的窗口</title> <script language="javascript"> //参数-url:要打开的网站,winname:打开后

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

最近在用vue写h5项目,当使用window.location重定向页面或者刷新当前页面时, 发现当刷新网页后,保存在vuex实例store里的数据会丢失. 后来在网上查找大神的解决方案如下: export default { name: 'App', created () { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.as

微信打开网址后自动调用手机自带默认浏览器或提示选择浏览器打开如何实现

最近遇到一个需求.朋友找我制作一个在微信中的聊天框,或者公众号菜单发布一条链接或者二维码,.跳出微信打开一个指定的我们自己的页面,拿到这个需求后我们团队分开去找资料研究方案,通过微信的开发文档.腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了,在网络上找到 很早之前一些前辈分享的遮挡.我们加以改进.解决方案: 月牙跳转是一款基于微信后端开发了一款微信营销下载推广助手,使用了本插件生成的链接,用户在微信任意环境下点击链接或者扫描二维码,可以实现直接

微信打开网址后自动调用手机自带默认浏览器如何实现

此方法可以实现微信内置浏览器跳转到手机其它浏览器,现在网上其它的方法都只是一个页面,让访问者自己手动点右上角浏览器打开,而这个不同,是可以直接自动跳转的. 安卓访问时可以直接自动跳转浏览器:IOS就复杂一点了,需要采用遮罩提示浏览器打开的方式可以跳转. 下面是使用方式,已经做了安卓和IOS的适配.需要填写跳转的网址,然后保获取到跳转链接,在微信内访问即可实现自动跳转: 1.打开 月牙跳转 网址:http://www.aizhuanlove.cn/ 2.准备好我们的推广链接:实例如:http://

微信内部浏览器打开网页时提示外部浏览器打开升级版探讨-直接跳转默认浏览器打开

在涉及移动端支付的项目时,由于对支付需求的精细化,不仅需要扫码支付,还有唤醒App支付,另外还有在微信.QQ.支付宝内置浏览器给出相应的提示. 好在国内各大巨头公司在开发浏览器的时候都在浏览器标识上加了相应的字符,下面直接贴代码: function is_neizhi() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return

在win7系统IE9下,怎么设置文本模式固定为IE9,现在默认的是IE7,导致有些页面显示内容有问题

修改一下代码:这样可以选择当前最高级别的IE文档模式: <meta http-equiv="X-UA-Compatible" content="IE=edge" ></meta> 修改一下代码,这样就可以选择当前最高级别的IE文档模式: <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 多个meat标签相互之间并不冲突,所以无需当心

easyui打开dialog后给弹出框内输入框赋值问题

在写一个弹出页面的时候,里面有一些输入框,需要在弹出的时候从数据库取值并且赋值,刚开始在弹出的时候使用$(id).val(value),结果赋值失败,为空当时纠结了一会,然后突然想到在easyui打开dialog后不能设置原来的dom,输入框text被其他空间替换了.所以查询了api后发现应该这样赋值$(id). textbox('setValue',value),测试后赋值正确.

IE9兼容性视图与IE9标准视图

如果你使用的是IE9,那么按下F12键就会出现开发者工具,上面有两个下拉菜单:浏览器模式和文档模式.那么什么是浏览器模式?什么又是文档模式?二者有何区别? 浏览器模式用于切换IE针对该网页的默认文档模式.对不同版本浏览器的条件注释解析.以及发送给网站服务器的用户代理(User-Agent)字符串的值.网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和及安装的功能,这样就可以根据不同的浏览器返回不同的页面内容了. 文档模式用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析