由于眾所周知的情況,國內(nèi)的主流瀏覽器都是雙核瀏覽器:基于Webkit內(nèi)核用于常用網(wǎng)站的高速瀏覽?;贗E的內(nèi)核用于兼容網(wǎng)銀、舊版網(wǎng)站。以360的幾款瀏覽器為例,我們優(yōu)先通過Webkit內(nèi)核渲染主流的網(wǎng)站,只有小量的網(wǎng)站通過IE內(nèi)核渲染,以保證頁面兼容。在過去很長一段時間里,我們主要的控制手段是一個幾百k大小網(wǎng)址庫,一個通過長期人工運營收集的網(wǎng)址庫。
盡管我們努力通過用戶反饋、代碼標(biāo)簽智能判斷技術(shù)提高瀏覽器的自動切核準(zhǔn)確率。但是在很多情況下,我們?nèi)匀粺o法達到百份百正確。因此,我們新增加了一個控制手段:內(nèi)核控制Meta標(biāo)簽。只要你在自己的網(wǎng)站里增加一個Meta標(biāo)簽,告訴360瀏覽器這個網(wǎng)址應(yīng)該用哪個內(nèi)核渲染,哪么360瀏覽器就會在讀取到這個標(biāo)簽后,立即切換對應(yīng)的內(nèi)核。并將這個行為應(yīng)用于這個二級域名下所有網(wǎng)址。
目前該功能已經(jīng)在所有的360安全瀏覽器實現(xiàn)。我們也建議其它瀏覽器廠商一起支持這個實現(xiàn)。讓這個控制標(biāo)簽成為行業(yè)標(biāo)準(zhǔn)。
代碼示例
在head標(biāo)簽中添加一行代碼:
<html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html>
content的取值為webkit,ie-comp,ie-stand之一,區(qū)分大小寫,分別代表用webkit內(nèi)核,IE兼容內(nèi)核,IE標(biāo)準(zhǔn)內(nèi)核。
若頁面需默認用極速核,增加標(biāo)簽:<meta name="renderer" content="webkit">
若頁面需默認用ie兼容內(nèi)核,增加標(biāo)簽:<meta name="renderer" content="ie-comp">
若頁面需默認用ie標(biāo)準(zhǔn)內(nèi)核,增加標(biāo)簽:<meta name="renderer" content="ie-stand">
注意:引號要英文狀態(tài)下的,直接后看一下格式對不對,請自行更正。
各渲染內(nèi)核的技術(shù)細節(jié)
內(nèi)核 Webkit IE兼容 IE標(biāo)準(zhǔn)
文檔模式 Chrome 21 IE6/7 IE9/IE10/IE11(取決于用戶的IE)
HTML5支持 YES NO YES
ActiveX控件支持 NO YES YES
備注
這個功能其實和IE9的X-UA-Compatible很類似
今天當(dāng)我嘗試一段js代碼的時候,猜測可能360兼容模式下,ie版本不是最高版本,代碼比較正,例如下面的代碼,360瀏覽器下一定要把代碼寫到body標(biāo)簽里面。里面瀏覽器就不行
<body> <p id="dxy"></p> <script> var getId=function(id){ return "string"==typeof(id)?document.getElementById(id):id; } alert("ok"); getId("dxy").innerHTML="<font color=red>腳本之家</font>"; </script> </body>
相信看了本文案例你已經(jīng)掌握了方法,更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章!
推薦閱讀:
左側(cè)固定,右側(cè)自適應(yīng)的布局方式
css中Float屬性詳解
CSS3的box-sizing屬性圖文教程
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com