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

來源:互聯網
上載者:User
這次給大家帶來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標準核心。
  若頁面需預設用極速核,增加標籤:<meta name="renderer" content="webkit">
  若頁面需預設用ie相容核心,增加標籤:<meta name="renderer" content="ie-comp">
  若頁面需預設用ie標準核心,增加標籤:<meta name="renderer" content="ie-stand">
  注意:引號要英文狀態下的,直接複製代碼後看一下格式對不對,請自行更正。
  各渲染核心的技術細節
  核心 Webkit IE相容 IE標準
  文檔模式 Chrome 21 IE6/7 IE9/IE10/IE11(取決於使用者的IE)
  HTML5支援 YES NO YES
  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屬性圖文教程

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.