V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
sky101001
V2EX  ›  问与答

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

  •  
  •   sky101001 · 2017-04-25 22:07:04 +08:00 via iPad · 4500 次点击
    这是一个创建于 2528 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近接手了一个官方性质的网站(学校),然而发现一个非常让人头疼的问题——老师,特别是领导,多数喜欢用 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
        1
    wdlth  
       2017-04-25 23:18:15 +08:00
    meta 标签在旧版是可以用的,但是新版没用,官方论坛没完没了的讨论,自己打自己的脸……
    sephinh
        2
    sephinh  
       2017-04-25 23:28:27 +08:00 via Android
    让学校发个通知,系统升级必须升级 IE 或者浏览器用极速模式
    viko16
        3
    viko16  
       2017-04-25 23:31:35 +08:00 via Android
    检查到兼容模式直接渲染个大图,引导他们切换到极速模式
    libook
        4
    libook  
       2017-04-25 23:50:17 +08:00
    放弃兼容。。。

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

    设置 meta 的那个我用过,我们是.com 的域名,当时这个机制有些问题,就是第一次打开页面的时候还是使用兼容模式,刷新之后才会自动按照 meta 声明的切换到极速模式了。。。
    iscraft
        5
    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
        6
    blanu  
       2017-04-26 01:34:53 +08:00 via iPhone
    直接让后端 302 打走 233333
    Silicon
        7
    Silicon  
       2017-04-26 02:19:37 +08:00
    不兼容,弹窗提示不可用
    WillfordSimon
        8
    WillfordSimon  
       2017-04-26 02:49:33 +08:00 via iPhone
    一个建议:不要做兼容。

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

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

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

    之前骚扰过客服几次,加过几个自己管的 edu.cn 站点,默认极速模式。
    mysterin
        17
    mysterin  
       2017-04-27 11:51:16 +08:00
    万恶的 IE 内核,坑了一代又一代,我就不明白换成极速模式就这么难,一定要用兼容模式?去死吧,思想僵化的领导
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3163 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 12:35 · PVG 20:35 · LAX 05:35 · JFK 08:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.