<pre id="1qwpn"></pre>

    1. <code id="1qwpn"><small id="1qwpn"><optgroup id="1qwpn"></optgroup></small></code>
    2. <strike id="1qwpn"></strike>
        <tr id="1qwpn"><option id="1qwpn"></option></tr><big id="1qwpn"></big><th id="1qwpn"><address id="1qwpn"></address></th>
        <code id="1qwpn"><small id="1qwpn"><track id="1qwpn"></track></small></code>
        <code id="1qwpn"><small id="1qwpn"><optgroup id="1qwpn"></optgroup></small></code>

      1. <center id="1qwpn"><em id="1qwpn"></em></center>

        舊版 IE 升級提示跳轉代碼

        此代碼是 舊版 Internet Explorer 淘汰行動 一部分,如需查看項目介紹請點擊鏈接查看,本頁只介紹彈窗代碼。

        跳轉代碼

        把這段代碼添加在網站頭部代碼<head>之后,當IE11以下版本瀏覽器(包括使用IE11以下版本內核的瀏覽器)訪問網站的時候將自動跳轉到瀏覽器升級提示頁面。提示頁面可點擊“IE瀏覽器升級提示頁”預覽。

        <meta name="renderer" content="webkit"/>
        <meta name="force-rendering" content="webkit"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <script>/*@cc_on window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

        網站在沒有兼容的低版本IE中往往都是錯版,所以檢測到是低版本IE時直接跳轉到升級頁面,節省了不必要的資源加載,降低了網站服務器開銷。去除冗余字符之后,便有了這段簡潔優雅的代碼。

        關于前置代碼

        這一段代碼至關重要。因為部分瀏覽器內置 Chromium + IE 雙核,如果任其自由選擇內核,可能會選擇使用 IE 內核,導致明明有 Chromium 內核卻不兼容。所以,我們需要通過代碼告訴雙核瀏覽器使用 Chromium 內核。

        <meta name="renderer" content="webkit"/>

        以上這段代碼作用于360瀏覽器、QQ瀏覽器等國產雙核瀏覽器,意思是默認優先采用極速模式,即 Chromium Webkit 內核。需要注意的是,此代碼并非總是有效,當你的域名是 gov.cn 或 edu.cn 結尾時,或當你的網頁內容存在類似“IE9.0或以上瀏覽器訪問達到最佳效果”的提示時,此代碼將失效。

        <meta name="force-rendering" content="webkit"/>

        以上這段代碼作用于其他雙核瀏覽器,意思與上一段相同。

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

        以上這段代碼作用于IE瀏覽器,意思是當IE瀏覽器識別有 Google Chrome Frame 插件,則采用 Webkit 內核,否則采用最新IE內核。

        關于條件判斷

        if IE 條件注釋只支持到 IE9 ,所以如果提示升級的版本包括 IE10 需要使用JS代碼進行判斷。但由于 IE11 UA 規則已改變(特征里不帶 MSIE ),所以判斷是否 IE10 及以下只需要按這個規則進行匹配即可。以下是例子:

        所有IE訪問都提示升級(包括IE11、IE10、IE9、IE8、IE7、IE6):

        條件編譯 @cc_on 是IE10及舊版IE特有,documentMode 是全部IE特有,通過這兩個判斷就算IE修改了UA也能準確識別出。

        <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); </script>

        IE10、IE9、IE8、IE7、IE6及以下版本提示升級:

        方法一,條件編譯 @cc_on 是IE10及舊版IE特有,因此可用于判斷是否除 IE11 以外的其他IE瀏覽器。推薦此方法,但需要注意,如使用自動過濾注釋,添加升級提示代碼后,要檢查確認有沒有被過濾器誤刪,如被刪可修正過濾規則或考慮使用方法二。

        <script>/*@cc_on window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

        方法二,通過UA判斷。

        <script>if (navigator.appVersion.match(/MSIE [0-9]+/)) window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); </script>

        IE9、IE8、IE7、IE6及以下版本提示升級:

        <!--[if lte IE 9]><script>window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(location.href);</script><![endif]-->

        IE8、IE7、IE6及以下版本提示升級:

        <!--[if lte IE 8]><script>window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(location.href);</script><![endif]-->

        IE7、IE6及以下版本提示升級:

        <!--[if lte IE 7]><script>window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(location.href);</script><![endif]-->

        一個完整的HTML示例

        <!DOCTYPE html>
        <html lang="zh-CN">
        <head>
            <meta charset="UTF-8"/>
            <meta name="renderer" content="webkit"/>
            <meta name="force-rendering" content="webkit"/>
            <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
            <script>/*@cc_on window.location.href="http://www.171vs.com/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
            <title>網頁標題</title>
            <!-- 其他meta標簽 -->
        </head>
        <body>
            <h1>網頁內容</h1>
        </body>
        </html>

        技術參考資料

        Copyright © 2014 - 2019 End of IE SUPPORT. All Rights Reserved

        大香蕉影