meta 解決頁面瀏覽器兼容性


使用最高級的ie內核,如果支持谷歌內核,使用谷歌內核
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />        
        
        
這 樣寫可以達到的效果是如果安裝了GCF,則使用GCF來渲染頁面,如果沒安裝GCF,則使用最高版本的IE內核進行渲染。
Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)。這個插件可以讓用戶的IE瀏覽器外不變,但用戶在瀏覽網頁時,
實際上使用的是Google Chrome瀏覽器內核,而且支持IE6、7、8等多個版本的IE瀏覽器。

特別是用戶使用了類似360 可以有兩種內核的,谷歌和微軟的就會更有效了。

雖然可能作用不大,但是還是儘量加上吧,特別是某些頁面 的功能 需要兼容ie 8 ,9 的。

儘量放在 head 的 頂部了, 防止失效!

一種認爲使用後臺include語法在頁面中引入了子頁面的話,在子頁面裏也需要加上<!DOCTYPE HTML>文檔聲明,另一種說法是X-UA-Compatible之前不能有script標籤。後一種說法應該是比較靠譜的,因爲在官方的說明文章裏有這麼一句:
The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.

大致意思是:帶X-UA-Compatible屬性聲明的meta標籤,必須放在head標籤內,並且要放在除了<title/> <meta/>這2個元素外的任何元素前面。

確實,X-UA-Compatible聲明位置要符合上面要求的話,該聲明就能正常生效,表現爲:系統若裝有比ie8更高版本的ie(本例是:edge)的話,就會用edge的內核去渲染頁面。


        
        

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