360兼容模式網站界面錯亂及部分功能失效


  360瀏覽器中包含了兩個瀏覽器 一個是IE(Trident內核),即兼容模式,在使用網銀時需要切換為兼容模式 一個是Chrome(Chrommium內核),即極速模式,在瀏覽器地址欄右側可以看出來,兼容模式是一個"e",極速模式是一個類似'閃電'的圖標。

  之前做的網站公司測試給我提了一個bug,網站在360瀏覽器兼容模式下有樣式問題,且nav本來還有下拉菜單,也不出現:

  

  然后去360兼容模式下一看,居然是IE7文檔模式,可是我並沒有考慮IE8以下的瀏覽器兼容問題,而且jquery也是使用最新版本的,后來找度娘,並經測試在頭部加meta是可行的:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">,加上這句話意思是360瀏覽器就會自動使用最高的文檔模式,若本地安裝了chrome則以這個為文檔模式。完成效果如下圖:

 

 建議諸位web開發者,如果公司要求兼容360瀏覽器的話,就需要兼容IE低版本啦,再寫代碼時要注意兼容問題。


免責聲明!

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



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