选择H5还是原生页面

在项目中经常会遇到这样的困扰：选择H5还是原生页面。用原生页面，老版本无法兼容；用H5功能及页面过于粗糙，开发出来的效果无法满足需求。在这种情况下究竟该如何选择，天津app开发-文率科技小编今天就帮大家梳理一下H5和原生页面的异同点，希望能对各位产品决策者提供帮助。

四种方法区分页面是H5还是原生

1、看断网的情况

打开页面后将网络断开，在断网的情况下，如果网页内容显示正常就是原生页面；相反如果显示404错误，就是H5页面。

2、看加载的方式

例如微信，我们在微信界面中打开网页，如果有一个绿色的进度条，则是H5页面，如果直接打开的就是原生页面。

3、看下拉刷新情况

在app有下拉刷新的前提下下拉页面。如果页面没有明显变化或者有loading图的是原生页面；如果页面有闪烁则是H5页面。

4、看布局边界

我们可以在网站设置中打开“开发者选项”，页面布局如果是一个整体就是H5页面；如果是局部拼凑起来的就是原生页面。

随着前端技术的发展，H5可以实现的功能已经越来越接近原生app。但是它们依旧有各自的优缺点，我们分别来看一看。

H5可以统一更新，没有版本兼容问题；开发效率高，不需要切图，样式相对丰富；可以跨平台使用。但是H5对网络依赖强，如果要求精细操作时，对系统性能消耗大，体验就一般了。原生页面较大的优点是可以本地操作和离线存储，相应的用户体验比较好；缺点就是开发周期比较长，兼容性差，不同机型要单独开发测试，不利于快速迭代。

总结了H5和原生app的优缺点以后，在决策中我们可以以此作为参考进行决策。

如果项目需求侧重于文本、动画，没有太多其他需求，建议使用H5，可以更快更好的实现功能。比如电商行业。如果是对离线操作有很高要求的项目，则必须使用原生页面，h5是无法实现的。如果是小游戏，对页面流畅度、用户体验要求高的项目，则建议使用原生页面。如果是初期正处于试错阶段的网页，建议使用H5页面，因为成本低开发周期短，并且能保证及时更新，且不用开率新旧版本的问题。

当然，H5和原生页面各有利弊，我们在实际的开发中，经常采用Hybrid，即部分功能原生，部分功能H5。

关注天津app开发-文率科技http://www.wenshuai.cc/官网，随时关注互联网新闻动态。