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

Posted 2023-04-19

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了【知识】H5 和 Native的优缺点及区分方式相关的知识，希望对你有一定的参考价值。

参考技术A 之前对于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、在无网络或者若网的情况下体验好。