解決360、獵豹瀏覽器等極速模式下css3兼容問題


有時候你會發現你寫的animation動畫的css3效果,在IE、谷歌、火狐等主流的新版本的瀏覽器的是沒有什么兼容問題的,即便你不寫前綴,也是可以顯示動畫效果的。然后,你本地在360瀏覽器或獵豹瀏覽器下(我只試了這兩個)打開,動畫效果是不出來的,一開始你會想到是前綴問題,那么我把前綴加上,好像有時可以有時不可以。360跟獵豹采用的都是谷歌跟IE的雙內核,為什么會出現這個問題?是因為360瀏覽器分兼容模式和極速模式,極速模式下有兼容問題,兼容模式下問題較少,這就導致了極速模式下不支持css3。

解決方法:通過Meta標簽代碼修改360瀏覽器(獵豹一樣)默認打開的模式。

瀏覽模式

極速模式、兼容模式及IE9高速模式是360瀏覽器顯示網頁時使用的三種模式:

極速模式表示極速模式

兼容模式表示兼容模式

IE9IE10模式表示IE9/IE10模式(僅在安裝了IE9或IE10后可用)

360極速瀏覽器會自動為您選擇使用適合每個網站的瀏覽模式。所以,通常您不用了解幾種內核的區別。

幾種模式各有什么特點

極速模式下,網站打開速度快,但某些網站在極速模式下可能出現兼容性問題,顯示不正常。
兼容模式下,網站打開速度比極速模式略低,但網頁兼容性問題較少。
IE9/IE10模式下,網站會使用IE9/IE10的渲染方式渲染,支持硬件加速及IE9/IE10全新的腳本渲染引擎。

切換瀏覽模式時,360極速瀏覽器將會自動同步雙核間的數據,讓你在雙核間能無縫切換。

 

Meta標簽來了:

在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">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM