博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5测试与PC端测试不同的点
阅读量:4873 次
发布时间:2019-06-11

本文共 791 字,大约阅读时间需要 2 分钟。

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

2、横屏竖屏相互切换,能自适应,并且布局不会乱掉;
3、为能在不同分辨率的手机上能更好的展示,建议采用响应式设计(如:offerlist页面在大屏时显示3行,小屏时显示2行)
4、在手机上从list点击进入detail页面,要在原窗口打开,这样可以通过页头的返回按钮返回,而不需要通过手机的返回键返回,这样交互上更友好。
5、关注页面请求,是否会有多余的请求,或者请求后有多余的数据返回,尽量精简,否则会浪费流量。
6、图片适配测试,根据不同屏幕和分辨率做适配,以及适配后的清晰度,高端机取双倍尺寸的图
7、H5的页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试,这个看个人习惯。(ie系列包括ie8,及以下都支持的不好)
8、手指滑动是否流畅,手指点击时焦点是否定位正确,不同机型会不一样。焦点点击是否灵敏。
9、对于类似公司名称、offer名称长度的问题,在手机上最好能根据屏幕大小自适应而不是截断,因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字,交互不好
10、手机测试要特别关注交互是否友好,与PC机的事件模型不一样,可能会导致一些体验的问题,比如:弹出层的点击,是否会穿透,影响到弹出层下面的页面。
11、对于一些浮层做的页面,例如地图、产品分类等浮层,注意拖动后是否可以看到它下面的页面,拖动后边缘是否有留白
12、手机端的浏览器测试的时候也要清除一下缓存,因为图片和文件会被缓存下来,所以首次访问和二次访问体验不一样。例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置–》清除记录中。

转载于:https://www.cnblogs.com/cyq0528/p/10039501.html

你可能感兴趣的文章
微软挫败:OA等办公软件不再需要下载,其桌面办公软件无立足之地
查看>>
2019年上半年收集到的人工智能开源框架介绍文章
查看>>
ubuntu修改系统运行级别,去除图形化界面
查看>>
C++学习的方法以及四大名著(转)
查看>>
Life is short, you need Python【目录】
查看>>
开发环境、生产环境、测试环境的基本理解和区别
查看>>
LintCode: Count and Say
查看>>
cmake Qt
查看>>
从抖音关闭评论,看服务治理的重要性
查看>>
MIUI10系统怎么样刷成开发版获得ROOT权限
查看>>
前端内容思维导图
查看>>
Linux下装VirtualBox
查看>>
ORA-12514: TNS:listener does not currently know of service requested in connect descriptor
查看>>
linux下面安装配置LAMP环境
查看>>
libco之协程分析
查看>>
java人机猜拳游戏002user
查看>>
iOS UIButton的使用详解
查看>>
Spring Boot 2(一):Spring Boot 2.0新特性
查看>>
排序问题
查看>>
Java 序列化Serializable详解(附详细例子)
查看>>