MAUI+MASA Blazor 兼容性测试报告及分析

发布时间 2023-07-21 10:21:51作者: MASA技术团队


1. 背景

MASA Blazor组件是一款基于Material Design设计和BlazorComponent的交互能力提供标准的基础组件库。提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。它旨在为开发者提供强大的用户界面和出色的用户体验。适用于PC及移动端。由于越来越多的.Net开发者开始使用MAUI+Blazor的框架来开发移动端应用,我们决定对MASA Blazor组件在MAUI框架进行兼容性测试,以确保其在移动端App中的兼容性和稳定性。为了保持客观的结果,我们使用第三方云测机构对我们的应用进行测试,并没有告知采用的架构及相关技术细节。

2. 目的

本报告的主要目的是总结我们对MASA Blazor组件在MAUI框架开发的移动端App上进行的测试结果。通过这次测试,我们的目标是验证MASA Blazor组件在MAUI框架下的表现,识别任何潜在的问题和缺陷,并提供改进和优化建议,以确保用户可以在各种移动设备上无缝使用该组件。

3. 测试目标

确保MASA Blazor组件在MAUI框架移动端App上的兼容性和稳定性,包括iOS与Android平台。
确保组件的功能和特性在移动设备上能够正确运行,不会导致任何错误或异常行为。
验证组件在不同移动设备的屏幕大小和分辨率下的适应性和可用性。

4. 预期结果

所有已知的功能和特性在移动端App上均能正常工作,并提供与Web应用程序相似的用户体验。
未发现严重的缺陷或崩溃问题,确保组件在移动设备上的稳定性和可靠性。
对于不同的移动设备,组件能够自动适应并正确显示,不会出现布局错乱或显示问题。
对于设备不存在长时间高CPU占用、高内存占用、高电池消耗等情况。

5. 测试策略及范围

首先我们准备了使用MASA Blazor+MAUI开发的一款包括Android与iOS的应用,并准备了覆盖我们业务的45个操作步骤。云测会采用自动脚本加人工复核的方式进行测试。

6. 测试结果与分析

1
3.1
3
4
6
5
7
8
9
下面是性能部分
10
19
11
20
12
21
13
22
14
23
15

我们对内存占用问题进行了分析,发现是部分页面后台上传了巨大无比的图片导致的,之后我们对图片体积进行了优化,优化之后的数据如下
内存占用1
内存占用2
这里可以看的图片优化之后内存占用明显减少,剩余的内存占用大多在图形部分(Graphics),并在页面切换后可以很快释放使用的内存。
另外最下面的柱状图显示,除了在蓝牙工作时会有部分明显电量消耗之外,其他浏览页面的时间段并没有明显高耗电现象,CPU占用也处在正常范围。

24
16
云测测试的手机型号
iphone设备
iphone
300台安卓设备见附件
300台安卓设备列表

7. 附加内容

同时我们的应用也通过了apple store的审核

部分国内厂家商店审核过程中的测试结果
vivo1
vivo2
vivo3

8. 结尾

微软MAUI的出现,给广大.Net开发者提供了开发移动端应用的能力,而MAUI+Blazor技术更是大大简化了开发的流程并降低了技术门槛。
MASA Blazor作为Blazor家庭中广受欢迎的组件,无论在PC端还是移动端都可以提供良好的交互与性能,并提供了大量移动端专用组件。
我们日后会结合业务继续对MASA Blazor在移动端的其他组件进行测试,希望MASA Blazor可以成为MAUI开发的首选组件库!