【知识】H5 和 Native的优缺点及区分方式

如题所述

第1个回答  2022-06-09
之前对于H5和Native的理解,是在:Native的体验要优于H5。

最近一个项目,是把H5嵌到APP,实际过程中:发现H5对于权限的调用,会受到很多限制,甚至,如果APP没有提供接口,H5会出现权限没法调用的情况。

具体的优缺点和识别方式,如下图所示。

一、定义

原生开发:就是直接使用手机系统支持的框架语言直接开发,Android手机就是直接用Java语言和Android sdk开发Android手机的APP,苹果手机就是利用OC或者Swift语言和苹果APP的开发框架开发iOS 手机APP。当然,两者都是需要同一个后台来存储和更新APP的数据的。这样的开发在人力分配和时间上的消耗是非常大的。

H5开发:只要一个H5的开发工程师将APP的页面和功能全部实现之后,分别交给Android工程师和iOS开发工程师,两个工程师直接套上一个APP开发的壳就可以直接使用了。非常的节省时间和人力。但是在网络不好的情况下,用户体验可能会比原生的APP要差一点。

二、、如何辨别

1、看断网的情况

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

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

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

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

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

3、看加载的方式

如果在打开新页面导航栏下面有一条加载的线的话,这个页面就是H5页面,如果没有就是原生的。

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

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

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

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

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

比如淘宝的众筹页面。

7、下拉页面的时候显示网址提供方的一定是H5。

三、优缺点

H5的优点

1、h5开发速度快,一端开发多端运行

2、如果APP用户常见页面频换,如(淘宝首页各种不同活动),那么用H5,维护起来更容易。

3、如果app中出现大量文字且格式比较丰富(比如加粗、字体大小,图文展示)等用H5比较方便

4、迭代版本时,不需要打包便可以发布(实时更新、快速迭代),与云端实现实时数据交互

原生的优点

1、原生的响应速度快

2、对于有无网络操作时,譬如离线操作基本选用原生开发

3、需要调用系统硬件的功能(摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等功能)

4、在无网络或者若网的情况下体验好。
相似回答
大家正在搜