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

2017-04-25 22:07:04 +08:00
 sky101001

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

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

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

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

4706 次点击
所在节点    问与答
17 条回复
wdlth
2017-04-25 23:18:15 +08:00
meta 标签在旧版是可以用的,但是新版没用,官方论坛没完没了的讨论,自己打自己的脸……
sephinh
2017-04-25 23:28:27 +08:00
让学校发个通知,系统升级必须升级 IE 或者浏览器用极速模式
viko16
2017-04-25 23:31:35 +08:00
检查到兼容模式直接渲染个大图,引导他们切换到极速模式
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
直接让后端 302 打走 233333
Silicon
2017-04-26 02:19:37 +08:00
不兼容,弹窗提示不可用
WillfordSimon
2017-04-26 02:49:33 +08:00
一个建议:不要做兼容。

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

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

这么以来应该就有相当的转化率了,没必要费心机去照顾破 360 。
old9
2017-04-26 08:25:29 +08:00
我和楼主几乎一样的情况,联系客服手动加入极速渲染的白名单。
ahkxhyl
2017-04-26 09:41:12 +08:00
360 太害人了~~
lwbjing
2017-04-26 09:45:36 +08:00
360 还无视 https 的...
cnwtex
2017-04-26 10:53:46 +08:00
楼上一群傻吊程序员还试图与市场为敌
Mogugugugu
2017-04-26 11:16:31 +08:00
@old9 可以加入白名单么?我看过 360 放在本地的数据库,有一个里面放了淘宝百度和 360 旗下的几个网站强制使用极速模式,无法切换到兼容模式,这个能做吗?
abcbuzhiming
2017-04-26 14:33:33 +08:00
让用户装 360 浏览器的目的最主要就是因为这玩意几乎是唯一的 XP 下可运行的 chrome 浏览器,还用兼容模式是什么鬼。我们都是直接在页面上要求用户使用急速模式的
frances14
2017-04-26 16:21:57 +08:00
或许这个能救你
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
old9
2017-04-26 19:30:12 +08:00
@Mogugugugu 本地白名单不是很清楚,但推测 360 应该是有个在线白名单的,因为这名单更新后,浏览器不用更新就可以生效。

之前骚扰过客服几次,加过几个自己管的 edu.cn 站点,默认极速模式。
mysterin
2017-04-27 11:51:16 +08:00
万恶的 IE 内核,坑了一代又一代,我就不明白换成极速模式就这么难,一定要用兼容模式?去死吧,思想僵化的领导

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/357345

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX