<track id="lixs8"></track>
<bdo id="lixs8"><tr id="lixs8"><samp id="lixs8"></samp></tr></bdo>

<ins id="lixs8"><big id="lixs8"><button id="lixs8"></button></big></ins><b id="lixs8"><pre id="lixs8"></pre></b>

  1. 舊版 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

    大香蕉影