前言:
目前大家对“h5页面怎么在手机测试”大致比较关怀,你们都需要分析一些“h5页面怎么在手机测试”的相关资讯。那么小编也在网上汇集了一些对于“h5页面怎么在手机测试””的相关文章,希望姐妹们能喜欢,兄弟们快快来了解一下吧!优势:
1.H5可以跨平台,开发成本相对较低;
2.H5可随时上限就更新版本,适合快速迭代;
3.H5可以轻量的触达用户,提供更快捷的服务;
4.在微信入口或者浏览器上,用户只需点开链接就可以获取我们所提供的服务。
劣势:
1.H5->的转化强依赖于浏览器;
2.H5目前基本无法将数据存储在本地,依赖实时性数据,网络状态不好的时候卡到哭。
3.性能相对较低,影响用户体验。
H5功能验证
1.通过H5网页(非手机的返回功能)的返回功能可以返回,不会出现无法返回的情况。
返回逻辑:
1.对于页面中的返回,以及浏览器自带的返回的测试。页面中的返回要考虑业务逻辑,友好返回到相应层次,需要从用户角度返回的转跳逻辑,不能出现死循环。并要注意返回后是否需要刷新页面请求通过H5页面(非手机自带返回键)的返回功能键返回,可以返回到正确的页面(上一级/退出H5)点击返回与back键,回退页面是否是期望页面。
2.横屏竖屏相互切换,能自适应,并且布局不会乱掉;或页面只支持横或竖屏限制。
3.在手机上从list点击进入detail页面,要在原窗口打开,这样可以通过页头的返回按钮返回,而不需要通过手机的返回键返回,这样交互上更友好。
4.关注页面请求,是否会有多余的请求,或者请求后有多余的数据返回,尽量精简,否则会浪费流量。
5.图片适配测试,根据不同屏幕和分辨率做适配,以及适配后的清晰度,高端机取双倍尺寸的图--app兼容测试。
H5适配相关
1.H5的适配其实比客户端的相对来说,要少一些,手机品牌之间的差异不大,所以不用太多关注,最容易出现问题的是Android2.3系统,这个要特别关注下:
A、大屏(如720*1280,重点关注页面背景是否完全撑开页面,刷新是否有抖动)、小屏手机(如320*480,重点关注下弹框样式和文案折行)
B、Android2.3、Android4.X随机找一个即可。
C、ios5、ios6、ios7.
2.H5的页面在PC端也是能访问的,Chrome对H5支持最好,功能的测试可以在PC端Chrome下先测试,也可以在手机上直接测试,这个看个人习惯。(ie系列包括ie8,及以下都支持的不好)
3.手指滑动是否流畅,手指点击是焦点是否定位正确,不同机型会不一样。焦点点击是否灵敏。
4.对于类似公司名称、offer名称长度的问题,在手机上最好能根据屏幕大小自适应而不是截断,因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字,交互不好。
5.手机测试要特别关注交互是否友好,与PC机的事件模型不一样,,可能拖动后是否会导致一些体验的问题,比如:弹出层的点击,是否会穿透,影响到弹出层下面的页面。
6.对于一些浮层做的页面,例如地图、产品分类等浮层,注意拖动后是否可以看到它下面的页面,拖动后边缘是否有留白。
7.网络切换:从WiFi切换到2G/3g网络、从2G/3g网络切换到WiFi等。
弱网络降级:处于2G/3g网络省流量模式的一些特殊处理,比如2G网络下测试,图片多时是否要懒加载等。网络状况差的场景,可以提示文案,但不能闪退。
标签: #h5页面怎么在手机测试 #h5怎么做测试