小程序&H5的测试

╰+攻爆jí腚メ 2023-10-16 12:35 24阅读 0赞

#### 文章目录 ####

*  什么是小程序
 *  小程序的发展背景
 *   *  发展历程
     *  小程序的优缺点
     *  以微信小程序为例它所提供的功能有哪些
     *  小程序如何进行测试
 *  H5测试

![在这里插入图片描述][43ab5224f3f94258bad8f877b80bb498.jpeg_pic_center]

## 什么是小程序 ##

小程序是一种无需下载安装，即可使用的手机应用。只需要扫描二维码，或是搜一搜，就能立即使用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。可以理解为APP程序中的子程序，小程序在主程序允许的规范下进行开发所需要的功能。可以让一些入驻服务公司更好地提供服务和管理。

## 小程序的发展背景 ##

随着APP市场的饱和，大部分用户已经养成了使用习惯，开发新的APP很难在市场生存。此外，APP开发和推广成本高也是不争的事实。易观2018年3月份的报告显示，移动电商APP的下载成本高达120-200 元，而且这些后期未必能形成转化。互联网金融、二手车电商APP的新客户成本，更是动辄高达数千元。

因此，不少“码农”们决定开始向小程序市场“跳槽”。

### 发展历程 ###

2016年1月11日，2016微信公开课PRO版在广州举行，“微信之父”张小龙首次公开演讲，宣布微信公众号将推出“应用号”，通过公众号完成一些App的部分功能。

2016年11月3日晚间，微信团队宣布：微信小程序正式开放公测

2017年9月20日，支付宝小程序向用户开放公测

2018年3月，小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加共十家手机厂商一起推出了快应用，虽然名字不同，本质上也是小程序。

2020年6月23日，在WWDC 2020全球开发者大会上，苹果推出了一项新的“App Clip”小程序功能，该功能是基于卡片的快速应用程序，可让你在需要时访问应用程序的一小部分，而无需用户安装完整的应用程序。

### 小程序的优缺点 ###

**优点:**

对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。

**缺点:**

1、留存

虽然有部分小程序已经杀出重围，但是普遍来讲，主打“即用即走”的小程序在用户留存上仍存在很大的提升空间。小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。

2、受控于微信，支付宝这些巨头公司

比起APP，尤其是安卓版的高自由度，小程序要面对很多来自微信的限制，从功能接口，甚至到类别内容，都要接受微信的管控，部分敏感内容还很容易遭受封禁威胁。

3、不能完成复杂的工作

小程序不等于原生App，它毕竟大小只有1 M，再如何变也不能完全满足所有用户的需求。尤其是一些娱乐、文档、游戏的重度需求，小程序的架构无法承载。更多只是作为原生App的补充和功能移植。

4、封闭的体系

小程序的整个体系是封闭的，从代码编辑器到调试环境到运行环境，全都是腾讯，支付宝的，而且目前来看全是闭源方案。包括后期的上线审核，可搜索的关键字设置等等方面，全都是腾讯，支付宝等他们说的算。

### 以微信小程序为例它所提供的功能有哪些 ###

**1、搜索查找**

**2、对话分享**

**3、线下扫码**

提供线下提示用户附近有哪些小程序存在的功能。用户可以通过线下扫码使用，这也是微信提倡的接入方式。

**4、历史列表**

**5，消息通知**

**6、小程序切换**

小程序支持挂起状态，即多窗口概念，用户可以把小程序先挂起，然后做别的事情，在需要这个小程序的时候可以快速调用，回到最开始的状态。

### 小程序如何进行测试 ###

功能

界面

兼容性

权限测试

易用性

网络测试

交互测试

性能测试

安全测试

## H5测试 ##

H5是HTML5的简称，以下的内容是介绍H5页面的知识：HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。

**H5的优势:**

*  H5页面最大的优点是跨平台，开发者不需要做太多的改编工作，用户不需要下载，打开一个网址就可以访问。
 *  H5页面开发简单，开发成本低，入门门槛低，周期短，小型团队机会多，并且维护更新简单，不需要用户对客户端进行更新，只在网站上进行更新就可以了
 *  H5页面推广费用降低，推广只需要一个URL链接、二维码、不需要几十兆、几百兆的安装包来推广。
 *  现在市场上有大量的H5页面制作软件，不需要输入代码就能制作出来，有效地节省了开发时间。

**H5的劣势:**

H5强依赖于浏览器

H5目前无法进行保存记录，依赖于实时性数据

性能相对较低，页面画质感不强，影响用户体验

**H5页面适合场景：**

把手机网站想象成网上的“电子产品介绍手册”。手机网站更适合用户进行“主动百度搜索”或“主动访问”，适合不熟悉的低频率用户或第一次访问，让用户得到更完整详细的快速介绍。通常用户使用搜索引擎，手动输入网址等形式的访问。

H5页面测试的点总结:

**1、业务逻辑相关的测试：**

除基本的功能测试之外，H5页面的测试，需要关注以下几点：

1）登陆测试：

目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：

（1）若客户端已登录，那么进入H5后仍然是登录状态。