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

2018-07-03 16:50:11 +08:00
 Eoss

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

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

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

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

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

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

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

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

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

别太惯性,PC 端默认不是 #FFF 的也很多,起码还有个护眼绿,手机端即便不是微信,很多浏览器还有夜间模式,把惯性改成给 body 加 background 才是王道。
omph
2018-07-04 00:31:17 +08:00
早就觉得刺眼了,蛮好
uuair
2018-07-04 10:33:35 +08:00
@VDimos safari 我用的挺好的啊?

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

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

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

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

© 2021 V2EX