日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /

發布時間:2025/3/15 编程问答 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 / 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

X-UA-Compatible是針對IE8新加的一個設置,對于IE8之外的瀏覽器是不識別的,這個區別與content="IE=7"在無論頁面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的標準模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。對于多數網站來說,它是首選的兼容性模式。
??????? 為了避免制作出的頁面在IE8下面出現錯誤,建議直接將IE8使用IE7進行渲染。也就是直接在頁面的header的meta標簽中加入如下代碼:

Html代碼 ?
  • <meta?http-equiv="X-UA-Compatible"?content="IE=7"?/>??
  • <meta http-equiv="X-UA-Compatible" content="IE=7" />

    ??????? 這樣我們才能使得頁面在IE8里面表現正常!
    ??????? 瀏覽器市場份額的激烈競爭,給網頁設計開發人員帶來了兼容性設計的麻煩。僅IE瀏覽器就有好幾個主流版本,IE6、IE7、IE8 等等。當然使用諸如 IETester,多版本 IE 共存解決方案之類的第三方集成工具,可以方便代碼調試。但我們總需要找尋一種更為省時省力的方法。
    ??????? X-UA-Compatible 是針對 IE8 版本的一個特殊文件頭標記,用于為 IE8 指定不同的頁面渲染模式。由于當下 IE6 和 IE7 使用率依然較高,綜合考慮,啟用 IE8 版本的 X-UA-Compatible 兼容模式顯得相當重要。
    ??????? 各種兼容模式代碼示例如下:
    1.<meta http-equiv="X-UA-Compatible" content="IE=5" />
    像是使用了 Windows Internet Explorer 7 的 Quirks 模式,這與 Windows Internet Explorer 5 顯示內容的方式很相似。

    2.<meta http-equiv="X-UA-Compatible" content="IE=7" />
    無論頁面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的標準渲染模式。

    3.<meta http-equiv="X-UA-Compatible" content="IE=8" />
    開啟 IE8 的標準渲染模式,但由于本身 X-UA-Compatible 文件頭僅支持 IE8 以上版本,因此等同于冗余代碼。

    4.<meta http-equiv="X-UA-Compatible" content="edge" />
    Edge 模式通知 Windows Internet Explorer 以最高級別的可用模式顯示內容,這實際上破壞了“鎖定”模式。即如果你有IE9的話說明你有IE789,那么就調用高版本的那個也就是IE9。

    ?

    5.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >

    如果IE有安裝Google Chrome Frame,那么就走安裝的組件,如果沒有就和<meta http-equiv="X-UA-Compatible" content="edge" />一樣。

    說明:針對IE 6,7,8等版本的瀏覽器插件Google Chrome Frame,可以讓用戶的瀏覽器外觀依然是IE的菜單和界面,但用戶在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核。

    ?

    6.<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令確定如何呈現內容。標準模式指令以Windows Internet Explorer 7 標準模式顯示,而 Quirks 模式指令以 IE5 模式顯示。與 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。對于多數網站來說,它是首選的兼容性模式。

    ?

    ??????? 目前,在開發AngularJS項目時(只支持IE8及以上版本或chrome/firefox),而有些同事IE8登錄卻還提示“請使用IE8及以上版本或chrome/firefox,如果您使用IE8,請在”工具”菜單中,調整為非”兼容性視圖”!

    解決方法:

    1.將項目中的.html及.jsp文件的<head>的最前面加上

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

    (即如上meta加在其它meta之前)

    如下所示:

    Html代碼 ?
  • <html>??
  • <head>??
  • <meta?http-equiv="X-UA-Compatible"?content="IE=edge"></meta>??
  • <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??
  • <meta?http-equiv="pragma"?content="no-cache"/>??
  • <meta?http-equiv="cache-control"?content="no-cache"/>??
  • <meta?http-equiv="expires"?content="0"/>??
  • </head>??
  • ...??
  • </html>??
  • <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="cache-control" content="no-cache"/> <meta http-equiv="expires" content="0"/> </head> ... </html>

    2.選擇“工具”菜單欄,點擊“兼容性視圖設置(B)”

    ??? 打開如下彈出框,將“在兼容性視圖中顯示Intranet站點(I)、在兼容性視圖中顯示所有網站(E)”這兩項前面的勾選框勾選掉(即不勾選上)

    轉載于:https://www.cnblogs.com/weiyu11/p/7159333.html

    創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

    總結

    以上是生活随笔為你收集整理的meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。