meta 解決頁面瀏覽器兼容性

時間 2019-11-11

原文原文鏈接

使用最高級的ie內核，若是支持谷歌內核，使用谷歌內核
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


這樣寫能夠達到的效果是若是安裝了GCF，則使用GCF來渲染頁面，若是沒安裝GCF，則使用最高版本的IE內核進行渲染。
Google Chrome Frame（谷歌內嵌瀏覽器框架GCF）。這個插件能夠讓用戶的IE瀏覽器外不變，但用戶在瀏覽網頁時，
實際上使用的是Google Chrome瀏覽器內核，並且支持IE六、七、8等多個版本的IE瀏覽器。web

特別是用戶使用了相似360 能夠有兩種內核的，谷歌和微軟的就會更有效了。chrome

雖然可能做用不大，可是仍是儘可能加上吧，特別是某些頁面的功能須要兼容ie 8 ，9 的。瀏覽器

儘可能放在 head 的頂部了，防止失效！app

一種認爲使用後臺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個元素外的任何元素前面。ui

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

相關標籤/搜索