溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html中如何解決360雙核瀏覽器兼容模式的頁面顯示問題

發(fā)布時(shí)間：2021-06-29 14:18:24 來源：億速云 閱讀：169 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)html中如何解決360雙核瀏覽器兼容模式的頁面顯示問題的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

　由于眾所周知的情況，國內(nèi)的主流瀏覽器都是雙核瀏覽器：基于Webkit內(nèi)核用于常用網(wǎng)站的高速瀏覽。基于IE的內(nèi)核用于兼容網(wǎng)銀、舊版網(wǎng)站。以360的幾款瀏覽器為例，我們優(yōu)先通過Webkit內(nèi)核渲染主流的網(wǎng)站，只有小量的網(wǎng)站通過IE內(nèi)核渲染，以保證頁面兼容。在過去很長一段時(shí)間里，我們主要的控制手段是一個(gè)幾百k大小網(wǎng)址庫，一個(gè)通過長期人工運(yùn)營收集的網(wǎng)址庫。

　　盡管我們努力通過用戶反饋、代碼標(biāo)簽智能判斷技術(shù)提高瀏覽器的自動(dòng)切核準(zhǔn)確率。但是在很多情況下，我們?nèi)匀粺o法達(dá)到百份百正確。因此，我們新增加了一個(gè)控制手段：內(nèi)核控制Meta標(biāo)簽。只要你在自己的網(wǎng)站里增加一個(gè)Meta標(biāo)簽，告訴360瀏覽器這個(gè)網(wǎng)址應(yīng)該用哪個(gè)內(nèi)核渲染，哪么360瀏覽器就會(huì)在讀取到這個(gè)標(biāo)簽后，立即切換對(duì)應(yīng)的內(nèi)核。并將這個(gè)行為應(yīng)用于這個(gè)二級(jí)域名下所有網(wǎng)址。
目前該功能已經(jīng)在所有的360安全瀏覽器實(shí)現(xiàn)。我們也建議其它瀏覽器廠商一起支持這個(gè)實(shí)現(xiàn)。讓這個(gè)控制標(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)核。
　　若頁面需默認(rèn)用極速核，增加標(biāo)簽：<meta name="renderer" content="webkit">
　　若頁面需默認(rèn)用ie兼容內(nèi)核，增加標(biāo)簽：<meta name="renderer" content="ie-comp">
　　若頁面需默認(rèn)用ie標(biāo)準(zhǔn)內(nèi)核，增加標(biāo)簽：<meta name="renderer" content="ie-stand">

　　注意：引號(hào)要英文狀態(tài)下的，直接后看一下格式對(duì)不對(duì)，請(qǐng)自行更正。
　　各渲染內(nèi)核的技術(shù)細(xì)節(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

備注

這個(gè)功能其實(shí)和IE9的X-UA-Compatible很類似，關(guān)于IE幾個(gè)內(nèi)核的實(shí)現(xiàn)介紹，請(qǐng)看：
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

今天當(dāng)我嘗試一段js代碼的時(shí)候，猜測(cè)可能360兼容模式下，ie版本不是最高版本，代碼比較正，例如下面的代碼，360瀏覽器下一定要把代碼寫到body標(biāo)簽里面。里面瀏覽器就不行

<body>
<div id="dxy"></div>
<script>
var getId=function(id){
	return "string"==typeof(id)?document.getElementById(id):id;
	}
alert("ok");
getId("dxy").innerHTML="<font color=red>億速云</font>";
</script>
</body>

感謝各位的閱讀！關(guān)于“html中如何解決360雙核瀏覽器兼容模式的頁面顯示問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手