解決360瀏覽器兼容模式的頁面顯示問題

時間 2019-11-10

原文原文鏈接

　　因爲衆所周知的狀況，國內的主流瀏覽器都是雙核瀏覽器：基於Webkit內核用於經常使用網站的高速瀏覽。基於IE的內核用於兼容網銀、舊版網站。以360的幾款瀏覽器爲例，咱們優先經過Webkit內核渲染主流的網站，只有小量的網站經過IE內核渲染，以保證頁面兼容。在過去很長一段時間裏，咱們主要的控制手段是一個幾百k大小網址庫，一個經過長期人工運營收集的網址庫。html

　　儘管咱們努力經過用戶反饋、代碼標籤智能判斷技術提升瀏覽器的自動切覈准確率。可是在不少狀況下，咱們仍然沒法達到百份百正確。所以，咱們新增長了一個控制手段：內核控制Meta標籤。只要你在本身的網站裏增長一個Meta標籤，告訴360瀏覽器這個網址應該用哪一個內核渲染，哪麼360瀏覽器就會在讀取到這個標籤後，當即切換對應的內核。並將這個行爲應用於這個二級域名下全部網址。
目前該功能已經在全部的360安全瀏覽器實現。咱們也建議其它瀏覽器廠商一塊兒支持這個實現。讓這個控制標籤成爲行業標準。web

代碼示例瀏覽器

在head標籤中添加一行代碼：安全

<html>
    <head>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
    </head>
    <body>
    </body>
</html>

　　content的取值爲webkit,ie-comp,ie-stand之一，區分大小寫，分別表明用webkit內核，IE兼容內核，IE標準內核。
　　若頁面需默認用極速核，增長標籤：<meta name="renderer" content="webkit">
　　若頁面需默認用ie兼容內核，增長標籤：<meta name="renderer" content="ie-comp">
　　若頁面需默認用ie標準內核，增長標籤：<meta name="renderer" content="ie-stand">網站

　　注意：引號要英文狀態下的，直接複製代碼後看一下格式對不對，請自行更正。
　　各渲染內核的技術細節spa

　　內核 Webkit IE兼容 IE標準
　　文檔模式 Chrome 21 IE6/7 IE9/IE10/IE11(取決於用戶的IE)
　　HTML5支持 YES NO YES
　　ActiveX控件支持 NO YES YES

code