想问一下各位前端如何兼容 360 浏览器

This topic created in 3319 days ago, the information mentioned may be changed or developed.

最近接手了一个官方性质的网站(学校)，然而发现一个非常让人头疼的问题——老师，特别是领导，多数喜欢用 360 浏览器，然而 360 浏览器打开网站用的是所谓“兼容模式”，用的上古 ie 的内核。这就导致前端界面一团糟。

查阅 360 的文档得知，加入 meta 标签可以使其默认以 webkit 内核渲染。然而我试了之后，发！现！没！用！

继续查询相关资料，据说以.edu.cn 或.gov.cn 结尾的 360 会强制默认使用兼容模式......心凉了半截。

各位有没有遇到这种情况过？是如何对付这些国产双核浏览器的呢？

Supplement 1 · Apr 26, 2017

感谢各位的解答。兼容 360 是硬性要求（不可能对领导说你浏览器不行得换）。现在暂时加了个提示的 js ，并且向 360 申请白名单中。

顺便鄙视一下智障 360 浏览器， bug 一堆，刚才发现浏览器分辨率也出了莫名其妙的问题。好累......

浏览器

兼容

内核

默认

17 replies • 2017-04-27 11:51:16 +08:00

wdlth

Apr 25, 2017

meta 标签在旧版是可以用的，但是新版没用，官方论坛没完没了的讨论，自己打自己的脸……

sephinh

Apr 25, 2017 via Android

让学校发个通知，系统升级必须升级 IE 或者浏览器用极速模式

viko16

Apr 25, 2017 via Android

检查到兼容模式直接渲染个大图，引导他们切换到极速模式

libook

Apr 25, 2017

放弃兼容。。。

哈哈，我们是直接弹出提示安装 Chrome ，并引导到下载页面。。。反正浏览器端的访问 PV 还不及移动 APP 端的 10%。。。

设置 meta 的那个我用过，我们是.com 的域名，当时这个机制有些问题，就是第一次打开页面的时候还是使用兼容模式，刷新之后才会自动按照 meta 声明的切换到极速模式了。。。

iscraft

Apr 25, 2017

前几天做了一个铁路下属部门的内网信息平台
去他们单位往服务器上部署的时候问了下内网浏览基本都是 ie 和 360
花了 3 天时间重做 3 个页面模板兼容 ie
页面原本该有的效果还不能少不能走样偏差
用惯了 F12 开发工具再退回到只能查看源代码的环境蛋疼的要死
后台实在没精力搞了就在登录口放了 js
if (myBrowser() == "IE8"||myBrowser() == "IE7"||myBrowser() == "IE6") {
alert("请使用 IE8 以上浏览器版本或者 360 浏览器的极速模式\n 以及 Firefox 和 Chrome 浏览器进行登录！");
window.location.href="/";
}
伺候不起

blanu

Apr 26, 2017 via iPhone

直接让后端 302 打走 233333

Silicon

Apr 26, 2017

不兼容，弹窗提示不可用

WillfordSimon

Apr 26, 2017 via iPhone

一个建议：不要做兼容。

提前准备一张 webkit 渲染下的大图，检测到 360 ，首先提示“您正在使用不兼容的浏览器，为了更好的显示效果，请使用 xxx ”，底下把正常渲染图摆出来，再放个引导下载。

如果用户要关闭或者取消提示，显示“您确定不更换浏览器吗？继续浏览可能会遇到无法预知的显示问题。”

这么以来应该就有相当的转化率了，没必要费心机去照顾破 360 。