H5和Native 测试区别

通俗点:H5基于web,Native基于客户端。

深层次点:H5调用系统的浏览器内核,H5可跨平台,易研发(一套即可)。Natvie是原生系统内核的,直接在系统上操作,稳定,基于Android、IOS自身语言研发,开发会复杂些。

H5测试与PC端测试不同点:

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

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

3、为能在不同分辨率的手机上能更好的展示,建议采用响应式设计(如:offerlist页面在大屏时显示3行,小屏时显示2行)

4、在手机上从list点击进入detail页面,要在原窗口打开,这样可以通过页头的返回按钮返回,而不需要通过手机的返回键返回,这样交互上更友好。

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

6、图片适配测试,根据不同屏幕和分辨率做适配,以及适配后的清晰度,高端机取双倍尺寸的图

7、H5的页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试,这个看个人习惯。(ie系列包括ie8,及以下都支持的不好,这个可以与PD确认H5页面在这些PC浏览器上不支持)

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

9、对于类似公司名称、offer名称长度的问题,在手机上最好能根据屏幕大小自适应而不是截断,因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字,交互不好

10、手机测试要特别关注交互是否友好,与PC机的事件模型不一样,可能会导致一些体验的问题,比如:弹出层的点击,是否会穿透,影响到弹出层下面的页面。

11、对于一些浮层做的页面,例如地图、产品分类等浮层,注意拖动后是否可以看到它下面的页面,拖动后边缘是否有留白

12、手机端的浏览器测试的时候也要清除一下缓存,因为图片和文件会被缓存下来,所以首次访问和二次访问体验不一样。例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置--》清除记录中。

时间: 2024-08-19 11:32:03

H5和Native 测试区别的相关文章

H5与native 普及

H5与native 普及: H5是基于web,native基于客户端native是使用原生系统内核的,相当于直接在系统上操作.,是我们传统意义上的软件,更加稳定.但是H5的APP先得调用系统的浏览器内核,相当于是在网页中进行操作,较原生APP稳定性稍差.APP.但是h5最大的优点是可以跨平台,开发容易.native的话需要用ANDROID的语言和IOS的语言各自写,H5只要开发一套

B/S结构与C/S结构测试区别

B/S结构与C/S结构 B/S结构是浏览器/服务器结构,应用软件的业务逻辑完全在服务器端实现,客户端只需要通过浏览器完成浏览.查询.输入等简单操作. C/S结构是客户端/浏览器结构,客户端具有一定的数据处理和数据存储的能力. 两种架构的优缺点比较 1.开发与安装 B/S架构只需要安装服务器,客户机只通过Browser登录系统进行操作 C/S架构客户端需要安装客户端软件,电脑配置,操作系统等等的不同会导致安装过程复杂 2.升级与维护 B/S架构的只需要对服务器进行升级,不需要给客户端进行升级,升级

H5与Native的交互?

想必对于Hybrid APP 大家都不陌生,我自己也参与过公司的几个开发项目,但都是不用自己动脑子,前人栽树后人乘凉. 我只要会调用封装好的方法就可以实现H5与原生的交互.但对于一个正常的程序员,求知欲是必须具备的啊. 交互无非是Native调用JS方法,或者JS调用Native提供的接口,但是这两者如何互相调用?就是Webview这个东西. 在IOS中: 我们要知道有UIwebview这个东西,相当于就是个浏览器,但是和正常的浏览器又有区别. 原生的UIwebview提供了一些方法和属性,可以

Flutter介绍 - Flutter,H5,React Native之间的对比

Flutter介绍 Flutter是Google推出的开源移动应用开发框架.开发者可以通过开发一套代码同时运行在iOS和Android平台. 它使用Dart语言进行开发,并且最终编译成各个平台的Native代码,这样既保证了开发效率,也保证了各个平台的运行效率.其相当于从头到尾重写了一套UI框架,不依赖具体平台的组件.其所有的组件都是"Widget".渲染引擎则依靠高效渲染库Skia实现. 下面我们对比一下H5.React Native.Flutter这些跨平台的解决方案. 移动端的跨

B/S测试与C/S测试区别

1.  C/S 结构与 B/S 结构 C/S client/server即客户端/服务器 分为客户机与服务器两层,客户机不是没有任何运算能力的输入输出设备,要求有一定的数据处理能力和数据存储能力,通过把应用软件的数据和计算合理地分配给客户机和服务器;有效地降低网络通信量和服务器运算量,也就减轻了服务器的运算压力; B/S Browser/server即浏览器/服务器 在这种结构中,应用软件的业务逻辑完全在应用服务器端实现,用户操作完全在Web服务器实现,客户端只需要浏览器即可进行业务处理,它只完

App测试中 ----------------Android和IOS测试区别

1 . Android长按home键呼出应用列表和切换应用,然后右滑则终止应用: 2. 多分辨率测试,Android端20多种,ios较少: 3. 手机操作系统,Android较多,ios较少且不能降级,只能单向升级:新的ios系统中的资源库不能完全兼容低版本中的ios系统中的应用,低版本ios系统中的应用调用了新的资源库,会直接导致闪退(Crash): 4.  操作习惯:Android,Back键是否被重写,测试点击Back键后的反馈是否正确:应用数据从内存移动到SD卡后能否正常运行等: 5.

性能测试,负载测试,压力测试 区别

http://www.cnblogs.com/Uther/p/5292164.html 负载测试和强度测试,都属于性能测试的子集. 负载测试是测试软件本身最大所能承受的性能测试: 压力测试就是一种破坏性的性能测试:

native与H5优缺点及H5测试

一.native(原生)与H5优缺点介绍 native(原生)优点 1.运行速度快 2.可以应用到底层的API 3.便捷性与易用性 4.打开会比较节省流量 native(原生)缺点 1.不同操作系统需要独立开发 2.更新后需要重新打包,提交审核(更新后需要给ios和Android各助手审核) 3.不方便做适配,做适配需要很多机型 H5的优点 1.只需要开发一次 2.更新不需要重新打包,代码只更新到服务器就可以 3.开发成本低 H5的缺点 1.每次打开页面都需要重新加载, 2.过度依赖于网络 3.

h5 测试关注点

原文链接:http://www.blogjava.net/qileilove/archive/2014/07/24/416154.html?utm_source=tuicool&utm_medium=referral 1.业务逻辑相关 除基本的功能测试之外,H5页面的测试,需要关注以下几点: 1.1 登陆 目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点: A.若客户端已登录,那么进入H5后仍然是登录状态. B.若客户端未登录,进入H5,点击对应按钮OR链接,如果需要登