首頁 > web前端 > css教學 > 360瀏覽器相容模式的頁面顯示不全怎麼處理

360瀏覽器相容模式的頁面顯示不全怎麼處理

php中世界最好的语言
發布: 2018-05-14 10:38:35
原創
15814 人瀏覽過

這次帶給大家360瀏覽器相容模式的頁面顯示不全怎麼處理,處理360瀏覽器相容模式頁面顯示不全的注意事項有哪些,以下就是實戰案例,一起來看一下。

 由於眾所周知的情況,國內的主流瀏覽器都是雙核心瀏覽器:基於Webkit核心用於常用網站的高速瀏覽。基於IE的核心用於相容網路銀、舊版網站。以360的幾款瀏覽器為例,我們優先透過Webkit核心渲染主流的網站,只有小量的網站透過IE核心渲染,以確保頁面相容。在過去很長一段時間裡,我們主要的控製手段是一個幾百k大小網址庫,一個透過長期人工運營收集的網址庫。
  儘管我們努力透過使用者回饋、程式碼標籤智慧判斷技術來提高瀏覽器的自動切核準確率。但是在很多情況下,我們仍然無法達到百份百正確。因此,我們新增加了一個控製手段:內核控制Meta標籤。只要你在自己的網站裡增加一個Meta標籤,告訴360瀏覽器這個網址該用哪個內核渲染,哪麼360瀏覽器就會在讀取到這個標籤後,立即切換對應的內核。並將這個行為應用於這個二級域名下所有網址。
目前該功能已經在所有的360安全瀏覽器實作。我們也建議其它瀏覽器廠商一起支援這個實作。讓這個控制標籤成為業界標準。
程式碼範例
在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標準內核。
  若頁面需預設用極速核,增加標籤:
  若頁面需預設用ie相容內核,增加標籤:
  若頁面需預設用ie標準內核,增加標籤:
  注意:引號要英文狀態下的,直接複製程式碼後看一下格式對不對,請自行更正。
  各渲染核心的技術細節
  核心Webkit IE相容IE標準
  文件模式Chrome 21 IE6/7 IE9/IE10/IE11(取決於使用者的IE)
  HTML5支援YES NO YES15支援YES NO YES1 #  ActiveX
控制項支援NO YES YES

備註這個功能其實和IE9的X-UA-Compatible很類似

今天當我嘗試一段js程式碼的時候,猜測可能360相容模式下,ie版本不是最高版本,程式碼比較正,例如下面的程式碼,360瀏覽器下方一定要把程式碼寫到body標籤裡面。裡面瀏覽器就不行

<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>
登入後複製
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

左側固定,右側自適應的佈局方式

css中Float屬性詳解

CSS3的box-sizing屬性圖文教學
#

以上是360瀏覽器相容模式的頁面顯示不全怎麼處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板