APP开发资讯

联系我们

/ CONTACT US

郑州app开发公司

联系人:党经理

手机:18937151293

邮箱:1632388281@qq.com

电话: 0371-55829532

地址:郑州西三环大学科技园东区中天航空大厦19楼

APP开发资讯

您现在所在的位置:首页 > APP开发资讯
如何判断一个APP是原生开发还是混合开发或者H5
作者:发布时间:2019-07-23浏览次数:122

现在开发app有原生开发、混合开发、H5三种,那么如何判断一个APP是原生开发还是混合开发或者H5?接下来郑州app开发公司动力无限技术人员为我们详细分析一下判断一个APP是原生开发还是混合开发或者H5的方法.


如何判断一个APP是原生开发还是混合开发或者H5


原生脚本/NativeScript:将原生API封装成JavaScript接口,这有点像前端的nodejs。NativeScript方式 与原生相比性能损失不大(据称只有10%左右),优点是开发语言统一使用JavaScript,缺点是 要针对不同的平台分别开发。

原生+web/ Hybrid:使用原生技术开发,部分页面调用web。优点是比纯原生开发周期短, 页面更新方便,如支付宝,还有很多app的详情页面。缺点:需要原生和web配合。

混合/Hybrid:使用web技术开发App,使用Cordova/PhoneGap之类进行打包封装。优点是采用标准的web技术开发, 避免了不同平台原生开发体系的学习,学习成本低,上手快、效率高,一次开发 微信 wap app全部搞定;缺点是app 在android平台性能上有一些损失,但是相信硬件的发展会接近原生。

辨别方法如下:

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

如果APP顶部导航栏当中出现了关闭的按钮或者关闭的图标,那么当前的页面是H5页面,原生的不会出现(除非设计开发者特意设计),美团、大众点评的APP、微信APP当加载H5过多的时候,左上角会出现关闭两个字。

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

3、看布局边界可以打开 开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。

4、看复制文章的提示,需要你通过对比才能得出结果。比如是文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。这个在支付宝APP、蚂蚁聚宝都是可以判断的。

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

6、判断页面下拉刷新的时候(前提是要有下拉刷新的功能),如果页面没有明显刷新现象的是原生的,如果有明显刷新现象(比如闪一下)的是H5页面(Ios和Android)。比如淘宝的众筹页面。

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

8、利用系统开发人员工具,找到手机的设置,开发者选项,显示布局边界,选择开启后再去查看APP整体布局边界,这样所有应用控件布局就会一目了然。如果是native APP那么每个按钮、文字、图片都是红色的线显示这个控件的布局情况。如果是web APP那么应该就是一个webview去加载网页,webview作为一个控件,只有一个边界框,即只有屏幕边才有红色线。混合APP 则是native 与 webview 混排的界面,如下图红色线框是各控件的绘制边界,中间那一大块布局丰富的界面没有显示出很多边界红线,就是网页实现的。

以上就是关于“如何判断一个APP是原生开发还是混合开发或者H5”的内容分享,其实开发手机app中混合开发也包含有原生开发的,一般要真正的了解是不是原生开发,还得看源码的。


分享到 

版权所有:郑州动力无限科技有限公司      

联系电话:18937151293  全国咨询热线:0371-60266306

地址:郑州西三环大学科技园东区中天航空大厦19楼 法律顾问:千成晟律师事务所 王然亮律师

网站核心词:郑州APP开发|郑州APP定制|郑州APP外包

网站地图  |  sitemap