19

我使用的是HTML5 DOCTYPE近頂的X-UA兼容meta標籤:強制Internet Explorer 9中使用IE 9模式

<!DOCTYPE html> 
<!--[if lt IE 7]> <html lang="en-us" class="ie6"> <![endif]--> 
<!--[if IE 7]> <html lang="en-us" class="ie7"> <![endif]--> 
<!--[if IE 8]> <html lang="en-us" class="ie8"> <![endif]--> 
<!--[if gt IE 8]><!--> <html lang="en-us"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    ... 

但Internet Explorer 9的一些用戶被呈現在頁面兼容性視圖。我懷疑這是因爲他們打開了「在兼容性視圖中顯示所有網站」設置。有沒有辦法強制IE9使用IE9瀏覽器和文檔模式?

+1

對於那些誰不能使用HTTP標頭:我讀過了'HTTP的當量=「X-UA兼容」元標記必須是「」部分中的**第一個**標記。 HTTP標頭的順序並不重要。 – netzaffin 2013-05-22 12:07:26

+0

只有添加 將做) 對於例如:<!DOCTYPE HTML> 2014-12-15 13:45:58

回答

25

事實證明,解決的辦法是設置在HTML中的HTTP標頭X-UA兼容的,而不是:

X-UA-Compatible: IE=edge,chrome=1 

這將強制Internet Explorer使用最新的渲染引擎,即使「在兼容性視圖中顯示所有網站「處於打開狀態。

+0

我將這個字符串包含在一個元數據中,就像很多網站所建議的那樣,但它在那裏沒有任何效果。將它放在HTTP標頭中似乎是可靠工作的唯一方法。 – 2012-04-11 23:11:35

+0

是的,我得出了同樣的結論。它必須在HTTP標頭中聲明。 – 2012-04-12 00:48:28

+0

你是什麼意思http標題,我有同樣的問題,如果我把它放在meta部分頭部沒有任何反應 – shorif2000 2013-03-11 14:52:07

10

它也有這方面的工作在<head>在HTML:

<meta http-equiv="X-UA-Compatible" content="IE=9"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+0

這不適合我。在上面的答案中添加標題是唯一的解決方案。 – davidjb 2013-03-18 23:46:20

0

@netzaffin是正確的 - 如果X-UA兼容是HEAD部分中第一個meta標籤,IE9工作。

3

請追加到您網站的頭部分,希望它有幫助。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
<meta http-equiv="X-UA-Compatible" content="IE=5, IE=7, IE=8, IE=9, IE=10" /> 
<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=EmulateIE9" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" /> 
1

正如JohnnyO所說,它必須作爲標題發送。只要你沒有任何輸出

<?php header('X-UA-Compatible: IE=edge,chrome=1'); ?> 

在WordPress這很可能是最好的,如果你把它作爲第一行中的header.php文件:在PHP中添加這個(發送任何其它輸出之前) (或錯誤)之前,該文件被呈現它應該工作。

如果有錯誤被輸出到瀏覽器,您可能想告訴錯誤,通過添加像這樣到應用程序登錄,而不是輸出到屏幕上:

ini_set('display_errors', 0); 
ini_set('log_errors', 1); 

在WordPress的,可能是添加在wp-config.php文件的頂部附近。

如果您使用WP SuperCache或W3 Total Cache之類的功能啓用了緩存,則所有投注都與您網站的行爲有關 - 您需要搜索如何爲緩存插件添加額外的標頭。

0

只有加入

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

做到;)

對於如:

<!DOCTYPE html> 
<html lang="en-US" class="css3transitions"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
<head> 
<meta charset="UTF-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
+1

爲什麼這種內容類型的元標籤不在頭部? – 2015-02-02 16:17:45