老大经常说服务端的测试也要知道下APP相关的内容
比如碰到一个app的bug，但不清楚app界面元素的叫法，用白话描述会显得一点也不专业
以下内容是根据腾讯课堂的视屏课程进行整理的：
APP元素的四大类
一个完整的APP包括：
- 各种“栏”：状态栏、导航栏、标签栏、工具栏、搜索栏、范围栏
- 内容视图：列表视图、卡片视图、集合视图、图片视图、文本视图
- 控制元素：用户控制产品行为或显示的信息，比如调节音量的
- 临时视图：警告视图、操作列表、toast、模态视图
1、各种“栏”
1.1 状态栏
作用：用来显示信号、时间、电量等信息，Andriod系统还会显示未读消息的提示
状态栏.png
1.2、导航栏
也被称为标题栏，一般会显示标题，也可以放搜索、分段式控件或者其他功能入口，位于状态栏下方
导航栏.png
1.3、标签栏（Tab Bar）
用户可以在不同的子任务、视图、模式中国进行快速切换，一般会有3-5个图标，如果超过5个，可以考虑用更多表示
标签栏.png
1.4、工具栏（Tool Bar）
作用：放一些用于操作当前页面中各对象的控件，位于APP最底部
工具栏.png
1.5、搜索栏（Search Bar）
作用：用于搜索内容，帮助用户精准的找到自己所需的信息和功能
可位于导航栏下方，也可以放在导航栏上
搜索栏.png
1.6、范围栏（Scope Bar）
只有和搜索栏一起时才会出现，用于定义用户的搜索范围，位于搜索栏下方
范围栏.png
2、内容视图
2.1、列表形式（List Style）
每条列表可以是单独的图片形式或文本形式，也可以是图文结合的方式，之间用分割线进行区分
列表形式.png
2.2、卡片形式（Card Style）
将同类信息归纳到一个矩形或者圆角矩形当中，卡片可以被堆叠、覆盖、移动
卡片形式.png
2.3、集合视图形式（Collision Style）
将同类信息用平铺的形式展现，一般以图片为主题，文字为辅助信息，多用于展示商品、照片、音乐等富媒体信息，比如一些购物网站
集合视图.png
2.4、图片形式（Image Style）、文本形式（Text Style）
图片形式：多见于图片社交类APP
文本形式：常见于内容类APP
图片、文本.png
3、控制元素
用于控制产品行为或显示信息，常见的如下：
1
image.png
image.png
4、临时视图
作用：临时向用户提供重要信息，或提供额外的功能和选项
常见的有以下几种：
- 警告视图（Alert View）：必须包含标题，或者标题加正文，最多2个按钮，用于警告或提示
- 操作列表（Action Sheet ）:由用户某个操作行为触发，包含2个或以上按钮
- 模态视图：该视图显示的时候不能对其他视图进行操作，弹出警告框的时候，背景视图变暗不能操作
-
toast：在用户触发某个操作时，弹出toast来对该操作进行反馈
主要用于向用户显示提示消息，过一定的时间会自动消失
临时视图.png
需要关注哪些测试
可以在百度流量统计页面 参考主流手机
测试过程中比较容易忽略的点
1、首次启动：功能介绍或引导图
2、初始状态或空数据状态：空页面处理
比如微信刚安装好之后，打开朋友圈是空白的
3、app端不会一次性加载完数据，分多次加载：分页处理
4、消息推送：角标（数字或红点，提示未读消息数）
5、图标、按钮：常态、选中态、不可点击态（不同颜色显示）
必要测试
1、功能：安装、卸载、升级，消息推送，离线状态
2、界面（UI测试）：核对切图（产品提供的图）与效果图（UED提供的图）
3、兼容：操作系统（IOS、Anriod等）、屏幕尺寸/分辨率
（PS：公司已有手机都需要适配，另外也可以借助于云测平台）
其余测试
1、网络测试：可以利用抓包工具设置网络上传与下载限制
2、中断测试：断网重连、断电、低电量提醒、来电....
3、数据实时交换（重点功能）：
比如微信群聊天，A一直在发消息，B也一直再发
再比如钱包充值功能，在弱网情况下，多次提交只能请求一次
网友评论