(●'◡'●)ノ♥ 大家帮帮忙!测试一下各种手机中微信浏览器的分辨率,谢谢!

2015-07-23 21:03:40 +08:00
 abelyao

正在做一个专门针对微信浏览器访问的页面,但因为安卓手机各种分辨率太多了,身边也没太多机型可以测试,想请各位有安卓手机的 V 友帮个忙,用你身边的安卓手机的 微信浏览器 访问一下页面,然后回帖跟我说一下 机型/分辨率 就好了。

只要访问一下这个页面就有分辨率: http://watt.sinaapp.com/test.html (非微信打开则是空白的)
为了方便大家用微信打开,我做了个二维码,扫一下就好:

先跟各位说谢谢!(●'◡'●)ノ♥

9777 次点击
所在节点    问与答
111 条回复
abelyao
2015-07-23 21:51:52 +08:00
@Huadb 谢谢~ iPhone 比较好测,5/5c/5s 都一样,6/6p 也一样,4 和 4s 貌似也都一样
buli
2015-07-23 22:02:46 +08:00
@abelyao one和onemini配置都一样(只是移动和联通区别)把 two 这月28号才开发布会。
abelyao
2015-07-23 22:04:54 +08:00
@buli 明白啦,谢谢~~
guojing
2015-07-23 22:15:05 +08:00
Nexus 5 360x519
qiayue
2015-07-23 22:16:02 +08:00
小米4 360*572
abelyao
2015-07-23 22:24:48 +08:00
@guojing @qiayue 谢谢两位~~
Laobai
2015-07-23 22:35:24 +08:00
Oneplus One 360*567
hahamy
2015-07-23 22:40:07 +08:00
galaxy nexus,也就是谷歌三儿子 360*519

然后感谢楼主,我也是做微信web前端的, cnzz和百度后台统计的分辨率不准,好像是统计的手机屏幕分辨率,不是viewport后的实际容器分辨率(device pixel)。
每天都要做适配,用的chrome的浏览器模拟工具,减64(微信状态条高度),可是实际上这个并不是很准,因为安卓有些手机下面是虚拟按键,会占据一部分高度

另外请教下楼主,适配用的什么策略,因为设计稿一般是按320*1008设计的,在4s下面320*416根本放不下
Yokira
2015-07-23 22:41:20 +08:00
Moto X Pro 411*610
zi
2015-07-23 22:42:08 +08:00
荣耀6 360*519
hahamy
2015-07-23 22:47:18 +08:00
提醒下
element.innerHTML = document.body.clientWidth + ' x ' + document.body.clientHeight;
这个得到的分辨率不一定准确,一小部分机型上会得到手机物理分辨率,比如三星部分机型,当时一个项目上线后有人反馈三星几个型号显示乱了,才发现这个问题

pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
用上面这个,暂时还没发现不准的情况
bidu
2015-07-23 22:49:21 +08:00
Galaxy S4 360 x 567
chanssl
2015-07-23 22:52:35 +08:00
MOTO X 2013 360x519
nicktogo
2015-07-23 22:53:31 +08:00
MOTO X 2014 360 519
TwoBall
2015-07-23 22:53:38 +08:00
水果6 375 x 603
Cavolo
2015-07-23 23:03:18 +08:00
5s 320*504
wwqgtxx
2015-07-23 23:09:50 +08:00
nubia z9max 360*567
edward1992
2015-07-23 23:12:25 +08:00
meizu mx3 432*599
abelyao
2015-07-23 23:14:11 +08:00
@hahamy 超出这么多也不好做适配啊,实在不行就滚屏吧,因为我这个在做的只要一屏显示完,对于 iPhone 4 的情况我是直接把部分元素缩小了。目前收集到的其它机型(包括安卓)至少也都有 500 多的高度,足够我要展示的元素啦~

@hahamy 谢谢提醒,可能是因为我的 CSS 中先让 html 和 body 撑到 100% 了,目前 V 友反馈到的数据来看应该都还是准确的,起码不是物理分辨率。
abelyao
2015-07-23 23:17:18 +08:00
@chanssl @nicktogo 奇怪,你们的 MOTO X 怎么和 @Tyler1989 的高度不一样呢…

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

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

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

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

© 2021 V2EX