文檔:https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatiblehtml
X-UA-Compatible是IE8的一個專有<meta>屬性,它告訴IE8採用何種IE版本去渲染網頁,在html的<head>標籤中使用。能夠在微軟官方文檔獲取更多介紹。
1.X-UA-Compatiblechrome
X-UA-Compatible是自從IE8新加的一個設置,對於IE8如下的瀏覽器是不識別的。 經過在meta中設置X-UA-Compatible的值,能夠指定網頁的兼容性模式設置。 在網頁中指定的模式優先權高於服務器中(經過HTTP Header)所指定的模式。 兼容性模式設置優先級: meta tag > http header
經常使用例子:瀏覽器
<meta http-equiv="X-UA-Compatible" content="IE=7"> 以上代碼告訴IE瀏覽器,不管是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面。 <meta http-equiv="X-UA-Compatible" content="IE=8"> 以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 以上代碼告訴IE瀏覽器,IE8/9及之後的版本都會以最高版本IE來渲染頁面。 <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=7,9"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 以上代碼IE=edge告訴IE使用最新的引擎渲染網頁,chrome=1則能夠激活Chrome Frame. <meta http-equiv = "X-UA-Compatible" content = "IE=7" > 以上代碼告訴IE瀏覽器,不管是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面。 <meta http-equiv = "X-UA-Compatible" content = "IE=8" > 以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。 <meta http-equiv = "X-UA-Compatible" content = "IE=edge" > 以上代碼告訴IE瀏覽器,IE8/9及之後的版本都會以最高版本IE來渲染頁面。 <meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9" > <meta http-equiv = "X-UA-Compatible" content = "IE=7,9" > <meta http-equiv = "X-UA-Compatible" content = "IE=Edge,chrome=1" > 以上代碼IE = edge告訴IE使用最新的引擎渲染網頁,chrome = 1則能夠激活Chrome Frame .
2.content = "IE=Edge,chrome=1"服務器
Meta信息中經常使用的一句: <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> 這裏的chrome=1不是說IE的技術加強了能夠模擬Chrome瀏覽器,而是與谷歌開發的Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)有關。這個插件能夠讓用戶的IE瀏覽器外觀不變,但用戶在瀏覽網頁時實際上使用的是Chrome的內核,而且支持Windows XP及以上系統的IE6/7/8。