别用电脑模拟测试移动端,真机跑一遍才知道。这个我吃过亏。
电脑上开发者工具里有个设备模拟功能,可以模拟手机屏幕尺寸。很多人就用这个测,觉得够了。但实际上差得很远。第一,模拟不了真实的性能。电脑的 CPU 比手机强太多,你在电脑上跑得流畅的动画,手机上可能卡成幻灯片。第二,模拟不了真实的网络。你在宽带上测的加载速度,跟用户在 4G 上完全是两回事。第三,模拟不了真实的触摸。鼠标的点击和手指的触摸,交互反馈是不一样的。第四,模拟不了真实的浏览器行为。手机浏览器有些特有的行为,比如地址栏的收起展开会影响可视高度,这些在模拟器里看不出来。
那怎么测。第一,用真手机打开你的站,从头到尾走一遍主要流程。看加载快不快,排版乱不乱,按钮点得中不中。第二,用不同档次的手机测。拿一部几年前的旧手机试试,那才是真实的低端用户环境。第三,在不同网络下测。WiFi、4G、甚至信号差的时候。第四,测主要的浏览器。不同的手机浏览器内核不一样,表现可能有差异。
我自己有个低端的旧手机,专门用来测站。在上面跑得通,我才放心。很多时候在电脑上看着完美的页面,到那个旧手机上一塌糊涂。
还有个细节,就是测的时候要清缓存。你反复测同一个页面,浏览器缓存了资源,测出来的速度是假的。每次测之前清一下。
移动端的问题,只有真机能发现。花点时间用真手机测,比在电脑上模拟强一百倍。这个问题一旦被用户遇上,他不会给你第二次机会。
—— 来自 图趣网 - 优秀网站分类目录 的分享