建站知识

大唐浅谈h5的app会取代原生app吗?

标签:   | 作者:DT范福州网站建设 | TIMES:2018-02-28
      如今最火的APP开发模式是Hybrid  APP开发(即混合模式,半原生半H5页面)。原生是Native APP           H5就是Web App
     
在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢?
    
1、看断网的情况

把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。

显示404或则错误页面的是html页面。

2、看布局边界

可以打开  开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。(仅针对安卓手机试用)如下图所示:

3、看复制文章的提示,需要你通过对比才能得出结果。

比如是文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。

有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

这个在支付宝APP、蚂蚁聚宝都是可以判断的。

4、看加载的方式

如果在打开新页面导航栏下面有一条加载的线的话,这个页面就是H5页面,如果没有就是原生的。 微信里面打开我们的H5页面常见的有个绿色的 加载线条。

5、看app顶部 导航栏是否会有关闭的操作

如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)

美团的、大众点评的APp、微信APP当加载h5过多的时候,左上角会出现关闭2字。

 

6、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)

如果界面没有明显刷新现象的是原生的,如果有明显刷新现象(比如闪一下)的是H5页面(ios和android)。

比如淘宝的众筹页面。

分析下用户面临h5和原生app的时候应该选择哪个?

原生APP的优势:

1、APP应用是先装在智能手机上,因此在运行时有着非常良好的体验。

2、原生APP的API更加的稳定,交互性也更好。

3、原生APP可以利用的资源由很多,开发方便也节省了很多研究讨论的时间,且开发技术相当成熟。

4、原生APP可以实现本地存储,省流量、速度快。

原生APP的缺点:

1、功能更新需要用户重新下载新版本,否则无法看到新版本的功能。

2、开发原生APP应用时,要考虑适配不同操作系统、不同机型。

3、原生APP开发周期较长,应用的功能更新方面自然也比较慢。

H5的优势:

1、H5开发过程中,功能更新后,不需要发布APP版本;

2、H5特效多、样式多,用户体验上略胜一筹;

3、H5开发效率高,不需要APP开发人员切图;

4、与原生APP要考虑适配系统、适配机型不同,H5可跨平台使用。

H5的弊端:

1、H5对于复杂的交互,比较难实现,比如3D特效等,用户体验上相对于原生APP要差;

2、H5过于依赖浏览器;

3、H5依赖网络,一旦网络出现问题,获取实时性数据的等待,会让你泪牛满面。

总体分析来看,两种开发模式没有哪一种能真正完全满足的,最好的开发模式,是让两种开发模式结合,会使得APP应用变得更加出色。
因为最近H5发展的不错,在微信里可以看到很多活动,比如邀请函什么都是通过H5制作的,大家直观的体验都很不错。在APP开发方面,Web版APP或者H5版APP开发速度更快,而且费用比传统的外包原生APP便宜一些。因此很多人咨询,我的APP是否可以采用Web(H5)APP的模式?

1、动画

常见的H5页面、APP都是比较小,市场上从没有出现比较大的H5页面或者APP。因为H5自身的不完善,使得加载动画的时候,相应比较慢,如果采用大量的css页面,速度变快但是会导致渲染卡顿,出现白屏、闪退等情况。很多H5游戏,稍稍功能多一点,就容易奔溃。市面上的大多成功APP都是采用原生的。

应用公园生成的原生APP,与市面上的大型APP性能是一样的。

2、获取服务端数据

Web(H5)版的APP,数据获取都是在资源页面上异步完成的,涉及DOM操作,不能与手机内的配置同步,所以非常消耗手机性能。一不小心就会出现明显的闪白。

而且最重要的一点是,如果页面加载进来之后数据更新的速度太慢,也会让页面模板等待很长时间,对用户体验又不友好,总不能每次打开都像浏览器一样等待刷新是吧。生活我们也经常遇到Web(H5)页面突然就不见了,或者一直加载。

3、页面切换

很多Web(H5)版的APP,为了动画的加载,使用了很多工具来进行辅助,比如预加载等。虽然看起来很友好解决了不少问题,但事实上如果页面足够多就会引发另一个问题——页面的生存周期。

试想一下,主页面缓存了5个子页面的资源,在跳转到响应的子页面时又会缓存这些子页面的下级页面资源,如此反复肯定会占据大量内存使APP的体验下降。

单一页面Web(H5)版的APP很不错,但大型的往往适得其反。

 

4、Android/iOS的区别

很多人说H5 APP一次编写就能编译Android/iOS两种不同的APP,但是有考虑过BUG吗?事实证明,后期的修改调整真的即繁琐又复杂,还不如一开始利用原生的老老实实去开发。举一个很简单的例子,Android和iOS在返回上一页的处理方式上就有明显的区别,调用底层硬件时怎样区分不同的场景等等

而应用公园采用纯原生的结构,可以实现一键生成ios和安卓双版本的APP,这个是有专利的。

 

5、混合开发怎么样?

现在做H5混合APP开发的人很多,但两者真的可以完美适配吗?只有在原生的基础上,加入部分不重要的H5页面可以,在H5基础上可以加入原生吗?

Web(H5)的优势在于图文排版,而不在开发,更适合做辅助。

 

6、更新维护

Web(H5)版的APP,每次内容、功能更新都需大动干戈,所消耗的人工、资金成本不亚于重新开发,而应用公园原生平台化,不懂编程的也能自己轻松维护,模块化操作,也不需要重新上架审核,所以更新维护成本接近于零。

所以,不要因为一时的便宜而被开发公司忽悠选择的Web(H5)版的APP,性能与原生的差别太大,而且价格方面,也没有应用公园这种平台共享模式的便宜,后期的维护更是大坑,创业者要在选择开发APP的时候,要留心这个常见大坑。

相关新闻
首页 | 网站制作 | 网站模板 | 定制设计 | 建站知识