2013-05-21 59 views
2

我剛剛完成了我的網站佈局,並且在所有瀏覽器(Opera,Safari,Chrome,IE 7,8,9,10(以及其他)中都能正常工作) - 但是這次,IE 10的地址欄中的兼容性視圖按鈕正在出現。這很長一段時間沒有發生,這真的讓我煩惱。兼容性視圖及其重要性

我不希望兼容性視圖按鈕顯示在所有。它向觀衆/訪客發送了一個壞消息。在這種情況下,我已經在不同的計算機上測試了我的整個網站,這些計算機都運行着不同的瀏覽器和不同版本的瀏覽器,我沒有發現任何問題。

爲什麼兼容性視圖按鈕出現,如果沒有問題?

這裏的問題,就像我說的,一切工作正常 - 除了當我在IE 10轉ON兼容性視圖。當我打開它,在我的整個網站,我可以看到的唯一的東西是我的標誌,並在頁面右上角的一個小圖片(但他們正好位於我想要的位置)。是什麼賦予了?

代碼沒有問題 - 嚴重。我已經多次驗證了它,所有AJAX的東西都像魅力一樣,我真的很努力地想找到一個問題,我甚至故意試圖搞砸它,但它運行得非常好。一切的定位都是現貨。

那麼與這個兼容性視圖垃圾有什麼關係呢?爲什麼在那裏 - 在沒有任何問題的網站上?最重要的是,確保我的網站在兼容性視圖中運行良好,儘管它在關閉狀態下完美運行,即使它在所有主流瀏覽器中都能正常運行,然後再運行一些

+0

你確定你在IE7中測試過你的網站嗎?因爲這正是兼容性視圖的功能(或行爲)。 – BoltClock

+0

100%正面。我甚至在IE6中測試過(它只有很小的定位問題 - 但它們很小,我甚至不用擔心)!我甚至在IE10中使用開發工具來模擬(如果這是正確的話)IE7(以及使用實際的IE7瀏覽器)。 –

+0

您應該檢查此鏈接http://windows.microsoft.com/zh-CN/internet-explorer/use-compatibility-view#ie=ie-10 – Nitesh

回答

8

首先,你可以迫使IE瀏覽器不顯示兼容性視圖按鈕只需通過添加以下內容到頁面的頭:

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

至於你的其他問題:

爲什麼兼容性視圖按鈕出現,如果沒有問題?

那麼什麼是處理這個兼容性視圖垃圾?爲什麼在那裏 - 在沒有任何問題的網站上?

如果一個站點(通常是多年前編寫的站點)無法在新版本的IE中工作,允許用戶查看或IE以舊式渲染模式顯示它希望能更好地工作。

此外,它在默認,因爲遺留網站甚至不會有上面的元標記開始。爲了在查看現有站點時顯示按鈕而無需更新其代碼,只需讓開發人員將其添加到新代碼以告訴IE的新版本隱藏按鈕,就可以使其成爲退出功能,這是合乎邏輯的。當它不需要時。

而且,最重要的是,是很重要的是確保我的網站運行良好,而在兼容性視圖,即使它完美的作品時,它的關閉,即使它完美的作品在所有主要瀏覽器 - 然後一些

兼容性視圖是爲那名專門爲傳統瀏覽器設計,因此,依賴於更多的最新的瀏覽器可能會導致在那些最近瀏覽器的「問題」不存在傳統的渲染怪癖網站。我們將無法確定IE7和IE10在IE7模式下工作的原因,但不能兼容性視圖,但如果它在較新版本的IE中運行良好,則需要而不是需要確保它在兼容性視圖中正常工作。使用上面的meta標籤在不需要的時候隱藏按鈕就足夠了。

+0

對不起,我無法提供該網站的鏈接。這是自2008年以來我第一次啓動,我不知道是誰,但是當我上傳東西時,它會被盜。我知道這是必要的,但目前我真的只是解決提示和已知的事情(你提供)會導致這樣的問題。 –

1

你能爲我們提供一個鏈接到你的網站嗎?我總是在HTML文檔的第一行使用

<!DOCTYPE html> 

。這是在所有現代瀏覽器中通用切換到最新的渲染模式。使用BoltClock的解決方案來隱藏IE地址欄中的兼容視圖按鈕。我寧願使用HTTP標題而不使用HTML元標記,因爲元標記會導致語法分析器切換和重置。

+0

雖然網站已完成,但我無法上傳。我們有人偷我們的東西,我不想上傳任何東西,直到其他相關網站完成。對不起,我知道它不能幫助你,但我無法做到。但是我已經在頂部有<!doctype html> :-)謝謝 –