Vue進階(六十三):如何使瀏覽器打開時,默認的文檔模式就是標準模式

前沿:最近做的一個項目是基於chrome開發的,又來要求是要兼容ie8 ie9 ie10 ie11;那麼問題來了,好多樣式行爲都千奇百怪的出現,後來發現,將文檔模式調爲標準之後,才差不多ok;那麼我怎麼才能確保用戶打開時,文檔模式是標準的呢;而且是不是ie7的標準呢?

IE的“瀏覽器模式”和“文檔模式的區別”
1.瀏覽器模式

用於切換IE針對該網頁的默認文檔模式、對不同版本瀏覽器的條件備註解析、發送給網站服務器的用戶代理(User_Agent)字符串的值。網站可以根據瀏覽器返回的不同用戶代理字符串判斷瀏覽器的版本和安裝的功能,就可以向不同的瀏覽器返回不同的頁面內容。

2.文檔模式
用於指定IE的頁面排版引擎(Trident)以哪個版本的方式來解析並渲染網頁代碼。切換文檔模式會導致網頁被刷新,但不會更改用戶代理字符串中的版本號,也不會從服務器重新下載網頁。切換瀏覽器模式的同時,瀏覽器也會自動的切換到相應的文檔模式。

解決方法,請看下方:

第一步,將代碼設置成html5的模式,那麼用戶打開項目之後,文檔模式就是標準的;即不會是ie5Qurik模式;但有可能是ie7標準模式;

第二步,

2.1 在html head中寫上這句代碼,即可時文檔模式爲你瀏覽器最高級別的模式;<meta http-equiv="X-UA-Compatible" content="IE=edge" />

2.2 若你想已ie8的標準模式打開,就寫成<meta http-equiv=X-UA-Compatible content=”IE=EmulateIE8“>

2.3 若你想要以他的文檔模式ie10的打開,瀏覽器級別低於10的就以瀏覽器本身最高的方式打開,那麼你要寫這2句話(順序不能錯):<meta http-equiv=X-UA-Compatible content=“IE=EmulateIE10”>;<meta http-equiv="X-UA-Compatible" content="IE=edge" />

原因,優先級是第一句,但第一句執行不了,再執行第二句;

第三、補充兩點,1.若您的代碼在jsp環境中,通過iframe的形式展示的,上面代碼寫在common.jsp或者您的basic.jsp即可;

2.經我實踐證明這句:<meta http-equiv=X-UA-Compatible content=”IE=10“>無效,必須寫成IE=EmulateIE10

3.寫多個文檔模式,這樣即可<meta http-equiv=”X-UA-Compatible” content=”EmulateIE8,EmulateIE10″>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章