一個(gè)網(wǎng)站,大量采用了html5和css3,希望用戶都以webkit內(nèi)核打開頁面,但是測試卻發(fā)現(xiàn)360的以ie內(nèi)核打開為推薦模式,不知原因?yàn)楹?。其?shí)360給網(wǎng)站開發(fā)者設(shè)計(jì)了一種選擇的方法,只要加入一段Meta標(biāo)簽代碼就可以解決
以下信息摘自360官方網(wǎng)站:
瀏覽模式
極速模式、兼容模式及IE9高速模式是360瀏覽器顯示網(wǎng)頁時(shí)使用的三種模式:
表示極速模式
表示兼容模式
表示IE9/IE10模式(僅在安裝了IE9或IE10后可用)
360極速瀏覽器會(huì)自動(dòng)為您選擇使用適合每個(gè)網(wǎng)站的瀏覽模式。所以,通常您不用了解幾種內(nèi)核的區(qū)別。
幾種模式各有什么特點(diǎn)
極速模式下,網(wǎng)站打開速度快,但某些網(wǎng)站在極速模式下可能出現(xiàn)兼容性問題,顯示不正常。
兼容模式下,網(wǎng)站打開速度比極速模式略低,但網(wǎng)頁兼容性問題較少。
IE9/IE10模式下,網(wǎng)站會(huì)使用IE9/IE10的渲染方式渲染,支持硬件加速及IE9/IE10全新的腳本渲染引擎。
切換瀏覽模式時(shí),360極速瀏覽器將會(huì)自動(dòng)同步雙核間的數(shù)據(jù),讓您在雙核間能無縫切換。
用戶體驗(yàn)計(jì)劃
在您加入用戶體驗(yàn)計(jì)劃的情況下,我們會(huì)將切換的網(wǎng)址發(fā)送到360網(wǎng)站,以便我們完善兼容列表庫,改進(jìn)產(chǎn)品。
上傳的數(shù)據(jù)不包含具有您個(gè)體特征的信息,且不會(huì)泄漏給第三方個(gè)人或機(jī)構(gòu)。
若不希望上傳切換的網(wǎng)址,您只需在“高級選項(xiàng)”里去掉勾選
“ 將使用情況統(tǒng)計(jì)信息和崩潰報(bào)告自動(dòng)發(fā)送給360極速瀏覽器網(wǎng)站,幫助我們完善360極速瀏覽器”即可。
背景介紹
由于眾所周知的情況,國內(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)核渲染,以保證頁面兼容。在過去很長一段時(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)簽后,立即切換對應(yīng)的內(nèi)核。并將這個(gè)行為應(yīng)用于這個(gè)二級域名下所有網(wǎng)址。
目前該功能已經(jīng)在所有的360安全瀏覽器實(shí)現(xiàn)。我們也建議其它瀏覽器廠商一起支持這個(gè)實(shí)現(xiàn)。讓這個(gè)控制標(biāo)簽成為行業(yè)標(biāo)準(zhǔn)。
代碼示例
在head標(biāo)簽中添加一行代碼:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <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” />
這里發(fā)現(xiàn)一個(gè)問題,官方給的信息里結(jié)尾是“>”,實(shí)際測試時(shí)不起作用,這時(shí)只要把結(jié)尾改為“ />”(注意 / 前面有空格),測試是可行的。
各渲染內(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 |
各內(nèi)核UA示例
備注
這個(gè)功能其實(shí)和IE9的X-UA-Compatible很類似,關(guān)于IE幾個(gè)內(nèi)核的實(shí)現(xiàn)介紹,請看:
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
了解極速模式和兼容模式使用的技術(shù):
極速模式使用的是Webkit內(nèi)核,Webkit內(nèi)核是全球最快速的瀏覽器內(nèi)核,同時(shí)支持了諸多的網(wǎng)頁新標(biāo)準(zhǔn),
但由于Webkit內(nèi)核較新,國內(nèi)一些網(wǎng)站尚未較好地支持此內(nèi)核。
兼容模式使用的是IE瀏覽器所使用的 Trident 內(nèi)核,是國內(nèi)網(wǎng)頁制作時(shí)主要兼容的瀏覽器內(nèi)核,兼容性問題較少。
IE9/IE10模式使用的是IE9/IE10瀏覽器所使用的新內(nèi)核,加入了硬件加速、全新的腳本渲染引擎,更標(biāo)準(zhǔn)的HMTL5及CSS3支持。