IE8/IE9/IE10打開網頁後，自動設置瀏覽器模式爲「IE8/IE9/IE10兼容性視圖」

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

做者：SNSGOU 發佈於：2013-07-17 22:23:05 分類：CSS/HTML 評論(0) 瀏覽(1323) html

IE8及之後的IE9/IE10瀏覽器，爲了實現IE兼容基於其它網頁標準開發的網站，IE瀏覽器還專門提供了「兼容性視圖」功能。當IE瀏覽器檢測到某網站不兼容時，地址欄右側就會出現兼容性視圖按鈕，出現問題只需輕輕一點，大部分網頁顯示就會正常了。linux

下面以IE8瀏覽器舉例：web

IE8兼容性問題的快速解決辦法apache

IE8下，原來好好的頁面怎麼變得亂七八糟了。不要急，其實出現網頁顯示問題，通常不是您的電腦或者瀏覽器有問題，而是因爲各網站開發標準不一樣，因此在不一樣的瀏覽器上打開時就可能出現頁面顯示問題。瀏覽器

爲了減小這類影響您網頁瀏覽體驗的狀況出現，IE8不只採用了國際通用的網頁開發標準——W3C標準(WorldWideWebConsortium即萬維網聯盟標準)，而且爲了實現IE8兼容基於其它網頁標準開發的網站，IE8還專門提供了「兼容性視圖」功能。當IE8檢測到某網站不兼容時，地址欄右側就會出現兼容性視圖按鈕，出現問題只需輕輕一點，大部分網頁顯示就會正常了。並且您還不用擔憂每次都須要這麼操做，爲了避免影響您的上網體驗，事實上在您點過兼容性視圖按鈕後，這個網站將會被自動保存到兼容性列表中，下次您再登陸這個頁面，IE8會自動啓用兼容性視圖。服務器

固然IE8還爲您提供了一個一勞永逸的辦法，您能夠經過簡單的設置，將全部的網站都用IE8兼容性視圖方式顯示。點擊IE右側的「工具」按鈕，選擇「兼容性視圖設置」，在彈出的對話框中，勾選「在兼容性視圖中顯示全部網站」,這樣就能夠避免因爲兼容性而形成的頁面顯示問題的出現了!　ide

若是你是站長，發現本身網站在IE8瀏覽下出現不正常顯示的狀況，該怎麼辦了？下面告訴你兩個方法。　工具

1、在網頁裏面加入這行代碼就能夠使IE8使用兼容視圖： post

 
       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，同理可得：