解決360瀏覽器相容模式的頁面顯示問題

2021-07-05 08:39:45 字數 1104 閱讀 7518



(我比較納悶,360的相容模式這麼狗屎,為什麼還有存在的必要性……)

由於眾所周知的情況,國內的主流瀏覽器都是雙核瀏覽器:基於webkit核心用於常用**的高速瀏覽。基於ie的核心用於相容網銀、舊版**。以360的幾款瀏覽器為例,我們優先通過webkit核心渲染主流的**,只有小量的**通過ie核心渲染,以保證頁面相容。在過去很長一段時間裡,我們主要的控制手段是乙個幾百k大小**庫,乙個通過長期人工運營收集的**庫。

儘管我們努力通過使用者反饋、**標籤智慧型判斷技術提高瀏覽器的自動切核準確率。但是在很多情況下,我們仍然無法達到百份百正確。因此,我們新增加了乙個控制手段:核心控制meta標籤。只要你在自己的**裡增加乙個meta標籤,告訴360瀏覽器這個**應該用哪個核心渲染,哪麼360瀏覽器就會在讀取到這個標籤後,立即切換對應的核心。並將這個行為應用於這個二級網域名稱下所有**。

目前該功能已經在所有的360安全瀏覽器實現。我們也建議其它瀏覽器廠商一起支援這個實現。讓這個控制標籤成為行業標準。

**示例

在head標籤中新增一行**:

name="renderer"

content="webkit|ie-comp|ie-stand">

head>

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 yes

activex控制項支援 no yes yes

各核心ua示例

備註這個功能其實和ie9的x-ua-compatible很類似,關於ie幾個核心的實現介紹,請看:

文章**:

解決360瀏覽器相容模式的頁面顯示問題

由於眾所周知的情況,國內的主流瀏覽器都是雙核瀏覽器 基於webkit核心用於常用 的高速瀏覽。基於ie的核心用於相容網銀 舊版 以360的幾款瀏覽器為例,我們優先通過webkit核心渲染主流的 只有小量的 通過ie核心渲染,以保證頁面相容。在過去很長一段時間裡,我們主要的控制手段是乙個幾百k大小 庫...

解決360瀏覽器相容模式的頁面顯示問題

目前該功能已經在所有的360安全瀏覽器實現。我們也建議其它瀏覽器廠商一起支援這個實現。讓這個控制標籤成為行業標準。示例 在head標籤中新增一行 head body html content的取值為webkit,ie comp,ie stand之一,區分大小寫,分別代表用webkit核心,ie相容核...

解決360雙核瀏覽器相容模式的頁面顯示問題

由於眾所周知的情況,國內的主流瀏覽器都是雙核瀏覽器 基於webkit核心用於常用 的高速瀏覽。基於ie的核心用於相容網銀 舊版 以360的幾款瀏覽器為例,我們優先通過webkit核心渲染主流的 只有小量的 通過ie核心渲染,以保證頁面相容。在過去很長一段時間裡,我們主要的控制手段是乙個幾百k大小 庫...