《移动App测试的22条军规》——第23章,第5节测试微信App的用户体验

简介:

本节书摘来自异步社区《移动App测试的22条军规》一书中的第23章,第5节测试微信App的用户体验,作者 黄勇,更多章节内容可以访问云栖社区“异步社区”公众号查看

23.5 测试微信App的用户体验
我们可以选择对微信App的横屏显示功能,是否遵守操作系统的设计规范,页面中使用Webview的功能,以及微信App的辅助功能进行测试。

(1)当对微信App的横屏功能进行测试时,我们首先需要打开横屏显示的设置(如图23.10所示),然后进行横屏显示的测试(如图23.11所示)。


b0f05ba436eeb97dc72e1fde39ada8504a457a56

开启横屏模式之后即可验证微信App在各页面对于横屏显示的支持了

这里给大家展示几个关于微信App横屏显示的问题。

“Discover”(发现)页面可以横屏显示,但是进入“Scan QR Code”(扫一扫)功能,却只能竖屏显示(如图23.12所示)。


aaf637581d269c08073c4625076598d5ec46a7d4

“发现”页面支持横屏显示,“扫一扫”功能只支持竖屏显示

“Wallet”(钱包)页面只支持竖屏显示(如图23.13所示)。


529851c01bfda22aa7cd5c1433bd45e636b66d27

“微信红包”页面标题文字在横屏模式下被截断(如图23.14所示)。


6907e598482da9ced78129e1a3ea1a6f6f5e948a

 
横屏模式下,“微信红包”下方的英文“WeChat Payment”已经被图片覆盖住了一小部分

(2)微信App在iOS操作系统上对于操作系统的设计规范遵守得很到位,但是在Android操作系统上却仍遵循iOS的设计规范,和按照Android设计规范设计的App还是有不少差别的(如图23.15所示)。


bdfccf2f8ed8f5a2f2917cdb8966686495f74ba1

Android操作系统上微信App的菜单显示方式和Android 4.4.4原生图库App的菜单显示方式有很大不同

(3)微信App中也使用了不少Webview,例如“钱包”页面中的功能大部分都使用了Webview进行展示(如图23.16所示)。


4d58bcd88462ae09c49b5c430133b4956ecb713b

 
微信App“钱包”页面中的大部分功能都使用了Webview

(4)对于微信App提供的辅助功能,例如“Font Size”(字体大小),我们也需要进行测试(如图23.17所示)。


bbf093b2ccbfa3828b153ffc76a374238e1eacc1

 
对于微信App提供的“字体大小”功能,我们需要测试在不同字体大小的设置下,微信App是否能够显示正常
相关文章
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
832 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
855 1
|
4天前
|
消息中间件 监控 小程序
电竞陪玩系统架构优化设计,陪玩app如何提升系统稳定性,陪玩小程序平台的测试与监控
电竞陪玩系统架构涵盖前端(React/Vue)、后端(Spring Boot/php)、数据库(MySQL/MongoDB)、实时通信(WebSocket)及其他组件(Redis、RabbitMQ、Nginx)。通过模块化设计、微服务架构和云计算技术优化,提升系统性能与可靠性。同时,加强全面测试、实时监控及故障管理,确保系统稳定运行。
|
2月前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
136 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
2月前
|
传感器 iOS开发 UED
探索iOS生态系统:从App Store优化到用户体验提升
本文旨在深入探讨iOS生态系统的多个方面,特别是如何通过App Store优化(ASO)和改进用户体验来提升应用的市场表现。不同于常规摘要仅概述文章内容的方式,我们将直接进入主题,首先介绍ASO的重要性及其对开发者的意义;接着分析当前iOS平台上用户行为的变化趋势以及这些变化如何影响应用程序的设计思路;最后提出几点实用建议帮助开发者更好地适应市场环境,增强自身竞争力。
|
2月前
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
82 3
|
3月前
|
移动开发 前端开发 Android开发
开发指南059-App实现微信扫描登录
App是用uniapp开发的,打包为apk,上传到安卓平板中使用
|
3月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
448 3
|
3月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
284 1
|
3月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
1447 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机