测试 H5 和小程序的区别，你真的知道吗？

什么是小程序？

什么是 H5？

H5，也就是“HTML5”，指“HTML”的第 5 个版本。众所周知“HTML”是”超文本标记语言”，是一门描述网页的标准语言，所以 HTML5 也是一种网页技术，而且是更高级的网页技术，包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

所以，H5 本质上可以理解为是一个网页！

既然 H5 是网页，那么依赖的外壳主要是浏览器，因此只要有浏览器，就可以使用。比如手机内置的浏览器，APP 的 web-view 组件，以及小程序提供的 web-view 组件，都可以打开 H5 页面。

小程序和 H5 的区别

其实从以上的概念的解释里我们已经能看出来一些基本的区别了。那么接下来，我们就从原理和应用等方面，来分别对比一下小程序和 H5 的不同之处。

一、从开发的角度

因此，开发一个 H5，需要从开发工具、前端框架、模块管理工具、任务管理工具，还有 UI 库选择、接口调用工具、浏览器兼容性等等，都需要考虑周到。尽管大多数开发者面对这些工具时，都有了自己的配置模板，但成本依然不低！

所以，小程序的开发成本比以往的 HTML5 开发的 Web 成本低很多。

二、从运行环境来看

客户端运行环境：

服务器配置：

因为小程序的性能会 H5 高一些，所以服务器的配置要求上来说，小程序的要求要比 H5 更高一些。

三、系统权限

而 H5 Web 应用对系统本身的权限的获取则相对少了很多，这一点恰巧是 H5 Web 应用经常被诟病的地方。也因此，H5 的大多数应用被圈定在业务逻辑简单、功能单一的范围上。

四、用户体验

1）性能体验

我们在打开一个 H5 页面的时候，实际上就是打开一个 Web 网页，之前在 PC 上浏览网页没区别，每次要请求各种图片样式资源，在浏览器内核里渲染，这个过程叫做加载，无论加载的时间的长短，都会给用户一种”卡“或者“不灵敏”的感觉，体验是会比较差一些的；

小程序的优越性体现在既保留了 H5 开发的便利和灵活性，又可以达到媲美 Native 体验。

2) 视觉体验

H5 的动画效果更丰富，自由度更高一些，功能更强

五、使用场景

据小程序团队透露，目前已经 50 万 + 的开发者在从事实际的开发，小程序已经成为移动互联网领域“事实”的标准。伴随着这种趋势，阿里、百度分别在 2017 年的 8 月和 2018 年的 3 月启动了自己的小程序项目，围绕着支付宝和手机百度 APP 几个超级 APP 在移动互联网领域再次攻城略地。小程序已然成为近几年最炙手可热“现象级”技术。

总结

综上所述，两者各有千秋，没有绝对的优势和劣势，只有更加适合的使用场景。所以根据自己产品的需求和目的，去选择最适合自己的方式即可。

最后感谢每一个认真阅读我文章的人，下面这个网盘链接也是我费了几天时间整理的非常全面的，希望也能帮助到有需要的你！

这些资料，对于想转行做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！凡事要趁早，特别是技术行业，一定要提升技术功底。希望对大家有所帮助……

自学推荐B站视频：

零基础转行软件测试：

自动化测试进阶：