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

文章目录

• 1. 背景

• 2. 目的

• 3. 测试目标

• 4. 预期结果

• 5. 测试策略及范围

• 6. 测试结果与分析

• 7. 附加内容

• 8. ‍结尾

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. 测试结果与分析

下面是性能部分

我们对内存占用问题进行了分析，发现是部分页面后台上传了巨大无比的图片导致的，之后我们对图片体积进行了优化，优化之后的数据如下


这里可以看的图片优化之后内存占用明显减少，剩余的内存占用大多在图形部分（Graphics），并在页面切换后可以很快释放使用的内存。
另外最下面的柱状图显示，除了在蓝牙工作时会有部分明显电量消耗之外，其他浏览页面的时间段并没有明显高耗电现象，CPU占用也处在正常范围。

云测测试的手机型号
iphone设备

300台安卓设备见附件

https://img-cdn.lonsid.cn/AppAgent/Temp/300%E5%8F%B0%E5%AE%89%E5%8D%93%E8%AE%BE%E5%A4%87.xlsx

7. 附加内容

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

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

8. 结尾

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

---

• 快速安装体验：https://docs.masastack.com/blazor/getting-started/installation

• 视频地址：https://www.bilibili.com/video/BV16v4y1j7eQ/

• Github地址，欢迎Star：https://github.com/masastack/MASA.Blazor

• 服务年包（增值服务收费）：https://docs.masastack.com/annual-service

如果你对我们的开源项目感兴趣，无论是代码贡献、使用、提 Issue，欢迎联系我们