`

Web端测试和移动端APP测试之操作特性区分

 
阅读更多

之前有简单写过,这次详细说说两者的特性

记录bug
  
在Web端可以通过系统自带的截图和QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。
  
对于移动端设备可以用手机自带的截图工具来截图然后传到电脑上,个人一般习惯安装微信的windows版本,通过文件传输助手发送到PC端。还有一种比较便捷的方式,将手机用数据线连接到电脑,本地配置Android的运行环境,下载asm.jar,在cmd运行Java -jar asm.jar,即可实时同步手机端画面,对有bug的页面直接使用PC端的截图工具进行截图。IOS可以在PC安装itools,要额可以同步画面。
  
对于记录bug建议:
  
bug主题尽量的言简意骇,在bug描述中可以详细描述,对于操作步骤比较复杂的bug要详细的写上操作步骤。必要时附带上相关的log,记录上测试的环境,手机版本等等。对于必现喝非必现的bug也要详细说明,减少不必要的沟通成本。

测试环境
  
Web端的测试环境很多时候是通过hosts进行切换,switchhosts工具可以方便的切换需要的host,但是移动端设置起来比较复杂,比较简单的方式是电脑端设置代理,手机端直接连接代理。注意,手机和电脑必须连接 同一个网络。

兼容性
  
web端的测试一般都是主要使用一种浏览器,待系统基本稳定的时候,再去专门测试浏览器的兼容性。
  
但是,对移动端来说,这样的方式是行不通的,因为移动端主要分为安卓和IOS,而这两端出现的问题一般是不一致的,一致的问题主要是数据问题,这时候是需要后台处理的,所以我们测试的时候需要两端都重点测试,而不会出现先着重测试某一端的问题。

移动端的特性
  
移动端与web端相比较来说,移动端有很多自己的特性:

网络种类多:移动端有多种网络:无线网络、2G、3G、4G等,断网、网速较差及网络之间的切换时页面的显示等,这些对于移动端来说很重要。此外,在非wifi下,还需要注意网络使用量问题。

间断问题:移动端APP测试有一个很重要的问题,一般情况下在使用软件的过程并不是长久的,这中间可能发生很多中断,如电话、短信、通知、断电等等,软件需要特殊处理这些特殊情况,即中断测试

屏幕的限制:图片及文字的显示;上传不同的图片尺寸显示是否正常;图片和文字一起显示时,效果如何。
  
操作区域:web端的应用,一般不会受 到屏幕的限制,而且通过鼠标操作更加准确。但是移动端由于屏幕较小,页面及按钮会受到屏幕大小的限制,再加上用户都是通过手指进行操作,一些按钮、选择框 等是否容易点击,多个可点区域位置较近时,点击部位稍微偏移,也许就会造成不同的结果,这种情况下是否可以达到预先的效果。

软件启动运行:移动端APP启动、卸载、升级几个特性,这是比较常见、也很重要的,比如升级时用户的数据怎么办,卸载后用户的数据怎么处理,卸载再安装用户登录数据的显示等。

手势:移动端还有一大特性,就是移动端有自己比较简单的手势,用户可以通过手势进行一个操作,比如左滑删除、右滑返回上一个页面、左右滑动图片等,软件需要对这个手势进行适配。

分享:移动端一般会装有很多APP,用户下单或者产品有活动时,用户都会进行分享,但是分享时的权限、软件是否存在等问题,需要特殊处理测试。一般的APP, 都会开放一部分页面,允许用户不登录时即可访问,而有些页面是必须要求用户登录的,主要针对这两种权限不同的页面做分享,然后通过分享进入本页面,查看权 限的控制是否正常。分享只是简单的功能,对于一款APP,功能众多,APP功能测试就尤为重要。

web和移动端的同步:用户在web端的操作,在移动端是否可以正常的进行同步、显示;在移动端的操作,用户登录web账号,信息是否同步等。
分享到:
评论

相关推荐

    移动端、web端界面小图标 能够使页面更加的美观

    在IT开发领域,尤其是移动端和Web端应用设计中,图标起着至关重要的作用。它们不仅能够美化用户界面,还能高效地传达信息,提高用户的交互体验。"移动端、Web端界面小图标 能够使页面更加的美观"这个主题强调了图标...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    昆山工业技术研究院着眼于为委托用户和质检机构搭建良好的沟通桥梁,免去目前市场业务中企业用户需要实地地并频繁地与检测机构沟通,从而提出自己的委托乃至下委托单、等待检测报告等,设计并研发了市场上首款提供...

    H901国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip

    《H901国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip...同时,不断学习和掌握新的前端技术,如Web Components、PWA(Progressive Web App)等,将有助于提升网站的性能和用户体验。

    完整的交互设计:如何设计企业logo以及移动端页面?.pdf

    * 目前的教学都是通过书写完成,很难保持所有工作的完整性,因此新的 Web app 将以实现这些业务工具和资源的数字化为目标。 为了克服这些挑战,我们进行了用户体验研究和发现背景调查和访谈。我们总共采访了 7 名...

    扁平app手机wap网页模板

    扁平化设计的核心理念在于减少视觉层次,使用户更容易理解和操作界面。这种设计风格尤其适用于手机网页和应用程序(App),因为它们需要在小屏幕设备上提供清晰的视觉体验。 “扁平app手机wap网页模板”是基于这种...

    简单的JAVA订餐网站系统

    - **移动端适配**:开发移动端APP或适配移动浏览器,提供更好的移动订餐体验。 通过下载并运行该项目,开发者可以学习到JAVA Web开发的基础知识,了解如何构建一个完整的网站系统。对于初学者来说,这是一个很好的...

    一款简单微信小程序个人博客。后端基于SpringBoot实现.zip

    9. **环境配置**:如`env`文件,用于区分开发、测试和生产环境的配置。 通过学习这个项目,你可以深入理解微信小程序的开发流程,掌握SpringBoot后端开发的基本技巧,包括数据库操作、RESTful API设计、前后端交互...

    毕设项目:基于springboot的食堂管理系统.zip

    9. 测试:为了确保代码质量,项目应该进行了单元测试和集成测试,利用JUnit和Mockito等工具进行测试驱动开发。 这个项目对于学习和理解SpringBoot及其与其他Java技术(如Spring框架、MyBatis等)的集成具有很高的...

    H164_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    1. HTML5:HTML5是超文本标记语言的最新版本,它引入了许多新元素,增强了网页的多媒体支持,如音频、视频、画布等,并提供了更好的数据存储(Web Storage)和离线应用(App Cache)能力。同时,HTML5语法更加规范,...

    angular实例

    3. **指令**:Angular的指令扩展了HTML的功能,使得开发者可以通过自定义属性来操控DOM元素,如ngIf、ngFor等,实现动态渲染和操作。 4. **模块化**:Angular应用是基于模块构建的,这有助于组织代码,提高代码的可...

    5006蓝色漂亮手机app应用开发官网模板5048_企业网站模板PHP整站源码.zip.7z

    模板中的“手机app应用开发”部分,意味着它不仅考虑了桌面端的用户体验,还优化了移动端的展示。随着智能手机的普及,移动应用开发变得至关重要。一个良好的手机应用开发官网模板应具备响应式设计,能自动适应不同...

    校园音乐吧网站

    ASP.NET的身份认证和授权机制可以用来实现这些功能,通过用户角色管理,可以区分普通学生用户和管理员,赋予不同级别的操作权限。 4. **音乐库管理**:音乐数据库设计是关键,可能包括歌曲ID、标题、艺术家、专辑、...

    最终版-沈礼-蚂蚁金服-蚂蚁亿级金融业务的前端实践.pdf

    - **多端兼容**:包括H5、PC Web和小程序等多种终端类型。 - **BFF架构**:通过将前端与后端的服务层分离,实现更好的前后端解耦合,提高系统的灵活性和可维护性。 ### 知识点五:离线包与小程序对比 - **离线H5**...

    App3-ColdOrAllergy

    在当今移动互联网时代,开发一款能够区分感冒与过敏症状的应用,如"App3-ColdOrAllergy",不仅需要考虑功能的实现,还需要注重用户体验,特别是视觉设计。在这个过程中,CSS(层叠样式表)扮演了至关重要的角色。...

    基于VUE实现判断设备是PC还是移动端

    `navigator.userAgent`是浏览器提供的一个全局对象,它包含有关用户的浏览器和操作系统的信息。通过访问这个属性,我们可以获取到一个字符串,这个字符串包含了浏览器在请求HTTP服务时发送的User-Agent头部的值。...

    基于ssm果蔬经营平台系统.zip

    通过Bean的配置,Spring能够控制对象的创建和依赖关系,简化代码结构,提高代码的可测试性和可维护性。AOP则用于实现如日志记录、权限校验等通用功能,使得代码更加模块化。 SpringMVC是Spring框架的一部分,用于...

    基于PHP的MYUCMS单用户商城系统PHP源码.zip

    考虑到移动设备的普及,MYUCMS应具备响应式设计,确保在不同屏幕尺寸下都能良好显示,同时可能提供专门的移动端APP或PWA(渐进式Web应用)方案。 总的来说,MYUCMS单用户商城系统是一个全方位的电商解决方案,结合...

    JSP中实现判断客户端手机类型并跳转到app下载页面

    上述代码中没有提及二维码的生成和扫描功能,但是这段代码是二维码下载方式中的服务器端跳转逻辑部分。 7. JSP页面设置: 通过设置page指令中的pageEncoding属性来指定页面的字符编码为UTF-8,确保在处理各种...

    牛客网前端校招面试题文档.rar

    3. 原生应用交互:Web App Manifest、Service Worker实现离线缓存和PWA功能。 七、版本控制 1. Git基本操作:clone、add、commit、push、pull等命令的使用。 2. 分支管理:创建分支、合并分支、解决冲突的方法。 ...

    基于SpringBoot博客系统的需求分析.rar

    SpringBoot以其简洁、快速开发的特性,成为现代Web应用开发的首选框架之一。本需求分析旨在为这个博客系统的构建提供清晰的指导,确保项目能够满足预期的功能,并具备良好的可扩展性和维护性。 1. **用户管理模块**...

Global site tag (gtag.js) - Google Analytics