V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Eoss
V2EX  ›  程序员

今天才知道,原来在部分手机品牌部分机型上,微信内浏览器的默认背景色不是白色(#fff)的。

  •  
  •   Eoss · 2018-07-03 16:50:11 +08:00 · 7950 次点击
    这是一个创建于 2341 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一直用着 iphone,然后开发过程中也一直用 pc 浏览器调试,偶尔用自己手机查看效果。

    惯性的以 pc 浏览器的特性开发,默认背景色就是白色。

    直到今天测试发了她的手机上的效果截图,说样式不对。

    一开始看图,就是上述猜想,但是实在不敢想,写了个页面对比了下。发现 oppo 某型号,小米某型号,三星某型号不是白色的,偏灰。而同样是 x5 内核的 QQ 浏览器,背景色却是白色的。

    感觉以后写微信的页面需要先html {background: #fff;}了。

    有人说可能是手机厂商问题,但是微信完全可以对浏览器进行背景颜色的统一的。但是并没有那样做。

    总之微信浏览器就是新的 ie6。

    第 1 条附言  ·  2018-07-03 18:16:55 +08:00
    根据 @shaojz2005 提供的信息。刚刚拿多台手机测试了下。确实是新版的设计。但是只是 android 有这样的设计。

    测试结果:

    android,6.6.5,背景色 #fff。
    android,6.6.7,背景色 #f6f6f6 (@janus77 )。

    ios,6.6.2,背景色 #fff。
    ios,6.7.0,背景色 #fff。
    14 条回复    2018-07-04 10:33:35 +08:00
    0747916
        1
    0747916  
       2018-07-03 16:54:39 +08:00 via Android   ❤️ 2
    微信也能叫浏览器?
    ismumu
        2
    ismumu  
       2018-07-03 16:56:06 +08:00   ❤️ 1
    @0747916 但是流量估计别其他“浏览器”还多吧,,,
    z54749412
        3
    z54749412  
       2018-07-03 17:27:51 +08:00   ❤️ 1
    不是新项目应该都有 reset 的,,要不就去 github 上找个 m 端 reset 文件 直接引用下,,很多兼容问题的
    VDimos
        4
    VDimos  
       2018-07-03 17:37:14 +08:00 via Android   ❤️ 2
    微信浏览器和 safari 是我作为前端最恶心的浏览器,尤其是 safari
    shaojz2005
        5
    shaojz2005  
       2018-07-03 17:41:18 +08:00   ❤️ 2
    这似乎是微信更新新版本之后才是这样的,以前暗色背景标题栏,页面背景色是白色的
    janus77
        6
    janus77  
       2018-07-03 17:53:31 +08:00   ❤️ 1
    f6f6f6
    Eoss
        7
    Eoss  
    OP
       2018-07-03 18:10:18 +08:00
    @z54749412 一般 reset 不会 reset 文档的背景颜色的吧。至少还没遇到过这样的 reset。

    @shaojz2005 感谢提供信息。刚刚拿多台手机测试了下。确实是新版问题。确切的说是微信的 android 版本有这问题。ios 版本依然是白色背景。
    qiayue
        8
    qiayue  
       2018-07-03 18:39:47 +08:00   ❤️ 1
    个人习惯,每次 body 都写背景颜色,即使是白色也写
    mauve
        9
    mauve  
       2018-07-03 18:55:26 +08:00 via Android   ❤️ 2
    微信就是事实上的局域网,GFW
    xhyzidane
        10
    xhyzidane  
       2018-07-03 18:56:23 +08:00   ❤️ 1
    很久以前有一个 iOS 同事做的 WebView,不知道从哪儿贴的代码自动给网页加了背景色,还一直说是我的 bug,最后还是我帮着他一行一行查代码查出来的...
    wu67
        11
    wu67  
       2018-07-03 21:23:29 +08:00   ❤️ 1
    @VDimos 还有 qq 浏览器也很恶心, 不是 QQ 自带那个, 是浏览器
    34C
        12
    34C  
       2018-07-03 23:48:57 +08:00 via iPhone   ❤️ 1
    「惯性的以 pc 浏览器的特性开发,默认背景色就是白色。」

    别太惯性,PC 端默认不是 #FFF 的也很多,起码还有个护眼绿,手机端即便不是微信,很多浏览器还有夜间模式,把惯性改成给 body 加 background 才是王道。
    omph
        13
    omph  
       2018-07-04 00:31:17 +08:00
    早就觉得刺眼了,蛮好
    uuair
        14
    uuair  
       2018-07-04 10:33:35 +08:00
    @VDimos safari 我用的挺好的啊?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2928 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 101ms · UTC 02:50 · PVG 10:50 · LAX 18:50 · JFK 21:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.