[轉載]強制不使用“相容性檢視”的HTML代碼

來源:互聯網
上載者:User

標籤:優先   sha   strong   blog   text   ref   server   content   value   

在IE8瀏覽器以後版本,都有一個“相容性檢視”,讓不少新技術無法使用。那麼如何禁止瀏覽器自動選擇“相容性檢視”,強制IE以最進階別的可用模式顯示內容呢?下面就介紹一段HTML代碼。

X-UA-Compatible是一個設定IE瀏覽器安全色模式的屬性,在IE8瀏覽器之後誕生。IE8或者IE9有很多種模式,比如,IE8有4種模式:IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式;而IE9有7種模式: IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式、IE9幾乎標準模式、IE9標準模式、XML模式。

在想要開啟標準渲染模式的頁面,我們常使用代碼:

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

來開啟IE8的標準渲染模式。這種方式在只存在IE8瀏覽器的時候比較合適,但是後來又出現了IE9、IE10、IE11等等。我們就可以這樣寫:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是優先最前面的IE9,沒IE9就用IE8。那麼如果針對每一種都寫一遍,似乎就有些冗餘了。所以我們改變方式採用代碼:

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

Edge模式通知IE以最進階別的可用模式顯示內容,這實際上破壞了“鎖定”模式。

當然,我們還見過這樣的代碼:

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

就是增加了chrome=1值,目的是觸發Google Chrome Frame,不過現在Google已經拋棄Google Chrome Frame了,因此也不用這樣寫了。

總結:

1)在目標頁面的<head></head>標籤,使用代碼: <meta http-equiv="X-UA-Compatible" content="edge" /> 觸發標準模式,這個是最有效方法。這樣設定後IE中設定相容模式的按鈕也會消失,可以按F12開啟“開發人員工具”來檢查瀏覽器模式。

2)當然你也可以在服務端代碼C#/VB.NET進行設定,以VB.NET為例:

Public Shared Sub SetHeadCompatible(ByRef myPage As Page)        Dim li As Literal = New Literal()        li.Text = "<meta http-equiv=‘X-UA-Compatible‘ content=‘edge‘ />"        myPage.Header.Controls.AddAt(0, li)End Sub

3)上面所說的設定僅是在指定的頁面中,沒有設定的頁面是不會有效果的。那如果想所有頁面都有效果,總不能每個頁面都去設定吧,此時可以在web Config中設定:

<system.webServer>    <!-- Edge模式通知IE以最進階別的可用模式顯示內容 -->      <httpProtocol>        <customHeaders>          <clear/>          <add name="X-UA-Compatible" value="IE=edge" />        </customHeaders>      </httpProtocol></system.webServer>

原文出處

icech

連結:http://www.weste.net/2013/8-9/93109.html

[轉載]強制不使用“相容性檢視”的HTML代碼

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.