随着移动互联网的发展，不断产生很多应用。要说更新快，开放功能多的应用，只能是微信小程序了。微信小程序开放了60多个流量入口，更新了各种新功能，尤其是之前实现的页面跳转功能，给开发者带来了好消息，但同时也有人说是H5。那么，微信小程序和H5有什么区别呢？

　　1.不同的操作环境

　　H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并不是一个完整的浏览器，因为在小程序的开发中只使用了H5的一部分技术。

　　小程序的运行环境是微信开发团队基于浏览器内核完全重构的内置解析器。进行了针对性的优化，用自己定义的开发语言标准提升了小程序的性能。

　　官方文档表示浏览器中常用的窗口对象和文档对象不能在脚本中使用(基于此，zepto/jquery等操作dom的库被彻底抛弃)。

　　而微信为开发者提供开发工具，内置编程、调试、开发环境、发布。开发者只需要按照官方文件进行开发，就可以保证小程序在微信中的稳定运行。

　　2.开发成本不同。

　　H5的开发涉及到开发工具(vscode、Atom等。)、前端框架(Angular、react等。)、模块管理工具(Webpack、Browserify等。)、任务管理工具(Grunt、Gulp等。)、UI库选择、接口调用工具(ajax、Fetch Api等。)、浏览器兼容性等。

　　虽然这些工具是高度可定制的，而且大多数开发者都有自己的配置模板，但是项目中各种外部库的迭代和升级成本是相当大的一笔。

　　开发一个微信小程序就简单多了，因为微信团队提供了开发者工具，规范了开发标准。前端常见的HTML、CSS变成了微信定制的WXML、WXSS、WXML。官方文件中有明确的用法介绍。开发人员只需根据说明专注于编写程序即可。

　　需要调用后端接口时，调用发起请求API；需要上传下载时，调用上传下载API；需要数据缓存时，调用本地存储API；介绍地图、使用指南针、呼叫支付、呼叫扫码等功能。可以直接使用；UI方面，框架有自己的weui库加成。

　　而且使用这些API的时候，不用考虑浏览器兼容性，不用担心bug。显然，微信小程序的开发成本相对较低。3.对系统级权限的不同访问

　　相比H5开发，微信小程序可以获取更多的系统权限，比如网络通信状态、数据缓存能力等这些系统级权限可以和微信小程序无缝对接。

　　而这也恰好是H5被诟病的地方，这也是为什么HL5的大部分应用场景都被定位为业务逻辑简单，功能单一。

　　4.不同的运行流畅度。

　　在运行流畅度上，无论是用户还是开发者都可以直观的体验到两者的区别。这也是普通大众最容易区分小程序和H5的一点。

　　打开H5实际上就是打开一个网页，网页需要在浏览器中渲染。所以加载过程会给人明显的“卡壳”感，尤其是面对复杂的业务逻辑或者丰富的页面交互。

　　微信小程序，代码直接在微信上运行，省去了通过浏览器渲染的步骤。所以在微信里用小程序会比H5流畅很多。

　　除了第一次打开需要几秒钟之外，小程序各页面切换跳转的体验堪比原生app，同样有丝滑流畅的效果。

　　5.H5如何成为一个小程序？

　　总的来说，相比H5，小程序的优势在于开发成本低、功能更丰富、体验更好。目前微信小程序可以实现网页跳转，为营销推广提供想象空间。微信小程序的功能和体验会越来越完善，这将是一个很好的发展机遇。