H5测试区别与PC端测试关注点

摘要:
9、H5适配相关,H5的适配比app相对来说要少一些,各品牌差异不大,最容易出现问题的android2.3系统。

除了基本的业务逻辑功能测试之后,H5页面的测试,需要关注以下几点:

1、 通过H5网页(非手机的返回功能)的返回功能可以返回,不会出现无法返回的情况。

2、 横屏竖屏相互切换,能自适应,并且布局不会乱掉;

3、 关注页面请求,是否会有多余的请求,或者请求后有多余的数据返回,尽量精简,否则会浪费流量。

4、 对于商品名称、标题长度的问题,在手机上最好能根据屏幕大小自适应而不是截断,因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字,界面显示不友好。

5、 手指滑动是否流畅,手指点击时焦点是否定位正确,不同机型会不一样。焦点地位后点击是否灵敏。

6、 手机测试要特别关注交互是否友好,与PC浏览器的事件处理不一样,可能会导致一些体验的问题,比如:弹出层的点击,是否会穿透,影响到弹出层下面的页面。还有上次华为手机在输入框回删数据不能连动计算收益的问题。

7、 关注页面首屏加载时间,根据2 5 8 原则,最长时间在8s,体验效果一般在2~5s,较好的在2s以内。手机端的浏览器测试的时候要经常清除一下缓存,因为图片和文件会被缓存下来,所以首次访问和二次访问体验不一样。例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置--》清除记录中。

8、 数据分页加载时注意后续页面请求数据是否正确。需要注意在快速操作(快速操作:当第一页尚未加载完仍然继续上拉操作)场景中,请求页数是不是依次递增,是否发出了对应的请求。

9、H5适配相关,H5的适配比app相对来说要少一些,各品牌差异不大,最容易出现问题的android2.3系统。

像大屏的pad ,720*1280,重点关注页面背景是否完全撑开页面。

小屏手机如果4,320*480,重点关注弹框样式和方案折行。

10、弱网络下,数据加载较慢时,是否有对应的loading提示。

11、考虑手机特殊中断情况,比如我正在进行微信支付,突然来电 or 闹钟响了。

12、锁屏之后,重新展示页面。

回退到后台之后,重新呼出在前台展示。

免责声明:文章转载自《H5测试区别与PC端测试关注点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux下activeMQ的安装和启动Linux CentOS7 VMware find命令、文件名后缀下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Weex Ui

本文是2018年 Weex Conf 中议题《Weex + Ui》的内容文档整理,主要给大家介绍飞猪 Weex 技术体系从无到有的过程,包括 Weex Ui 组件库的开发和发展,重点分享在 Weex Ui 层建设的一些经验。文章较长,首先放上 Weex Ui 的开源地址:https://github.com/alibaba/weex-ui Why Weex...

利用H5缓存机制实现点击按钮第一次与之后再点击分别跳转不同页面

昨天碰到这样一个需求,要求点击按钮第一次跳转到a页面,之后再点击它就跳转到b页面。这个问题我首先就想到了利用H5的缓存sessionstorage来实现,SessionStorage用于本地存储一个会话中的数据,窗口关闭后,数据就会消失。是一种会话级别的存储。 sessionStorage: sessionStorage.setItem("key","1"...

Flexible实现H5页面的rem布局适配

1、https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html (使用Flexible实现手淘H5页面的终端适配) 2、http://blog.csdn.net/u010377383/article/details/77963973 (Flexible实现手淘H5页面的rem布局适配)...

OC与JS的交互(iOS与H5混编)

大神总结WKWebView的坑:https://mp.weixin.qq.com/s/rhYKLIbXOsUJC_n6dt9UfA 在开发过程中,经常会出现需要iOS移动端与H5混编的使用场景。 iOS中加载html网页, 可以使用UIWebView或WKWebView. 本篇博客将介绍两种控件使用过程中如何实现OC与JS的交互。 UIWebView de...

[转]微信小程序、微信公众号、H5之间相互跳转

本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一、小程序和公众号 答案是:可以相互关联。 在微信公众号里可以添加小程序。 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。 公众号可关联同主体的1...

uniapp打包h5 出现'连接服务器超时,点击屏幕重试'的页面

1.出现页面如下,是偶现。 2.下载uniapp源码查看 "async": { //页面js异步加载配置 "loading": "AsyncLoading", //页面js加载时使用的组件(需注册为全局组件) "error": "AsyncError", //页面js加载失败时使用的组件(需注册为全局组...