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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3098 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

第 1 条附言 2017-04-26 12:05:01 +08:00

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

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

浏览器

兼容

内核

默认

17 条回复 2017-04-27 11:51:16 +08:00

wdlth

2017-04-25 23:18:15 +08:00

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

sephinh

2017-04-25 23:28:27 +08:00 via Android

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

viko16

2017-04-25 23:31:35 +08:00 via Android

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

libook

2017-04-25 23:50:17 +08:00

放弃兼容。。。

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

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

iscraft

2017-04-25 23:51:32 +08:00

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

blanu

2017-04-26 01:34:53 +08:00 via iPhone

直接让后端 302 打走 233333

Silicon

2017-04-26 02:19:37 +08:00

不兼容，弹窗提示不可用

WillfordSimon

2017-04-26 02:49:33 +08:00 via iPhone

一个建议：不要做兼容。

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

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

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