如何区分手机端APP是原生APP还是 H5?
1.如果断开网络,立即显示 404 或者页面错误基本上是 H5
2.通过查看页面布局边界,操作步骤 a.手机设置,开发者选项里去开启,打开页面布局开关,b.然后进入 APP 里查看布局边界即可。(APP 能看到各个控件边界,H5 整体页面布局边界)个人觉得比较好用
3.如果长按页面出现放大镜、复制、粘贴等功能、或者手机震动等情况,基本确定是 H5
4.如果打开一个新页面, 在导航栏下有一条,显示进度加载线,这个页面基本上就是 H5
5.如果 APP 的导航栏,上面会出现关闭的按钮,当前页面也基本上是一个 H5 页面
6.如果下拉页面,出现网址提示框,也可以确定是 H5
H5 和原生 APP 之间的区别:
原生 APP 访问和兼容的能力也比较好,可以支持在线或者离线消息推送或是进行本地资源访问,以及摄像、拨号、蓝牙、功能的调取。原生 APP 开发有许多的优势,如原生 APP 是针对不同的平台为用户提供不同的体验、节约宽带成本、访问本地资源速度更快,并为用户提供最佳的用户体验和优质的用户界面等。
Web App 是一种框架型 APP 开发模式(HTML5 APP 框架开发模式),具有跨平台的优势,该模式通常由“HTML5 云网站 +APP 应用客户端”两部分构成,APP 应用客户端只需安装应用的框架部分,而应用的数据则是每次打开 APP 的时候,去云端取数据呈现给手机用户。
我们现在手机中的 APP,大部分都是混合 APP,也就是既用到了原生 APP 的技术,又用到了 Web APP 的技术,各自混合的比例从 0% 到 100% 之间不等。更好的了解 APP 的类型,有助于我们选择合适的测试策略。今天就从 4 个方面来了解下原生 APP 和 Web APP 的区别。
开发方面有区别:
(1)原生 APP:Native APP, 每一种移动操作系统都需要独立的开发项目,iOS 版本、iPad 版本、Android 版本。每种平台都需要独立的开发语言 Java(Android),Objective-C(iOS)等等,需要使用官方给出的软件开发包,开发工具等。
(2)原生 APP 开发成本高、开发速度慢、维护成本高。不同平台的规则、推广、运营都不相同。官方应用市场对 APP 上线审核流程比较复杂且耗时很长,严重影响 APP 的发布上线的速率。
(3)Web App :因为运行在移动设备的浏览器上,所以只需要一个开发项目。可以通过 HTML、CSS 或者 JavaScript 来进行 Web APP 的开发。开发成本低、开发速度快。
功能有区别:
(1)原生 App:一个系统性的应用程序,可以类比于电脑上的软件。原生 app 可以调用移动终端的硬件设备,比如:麦克风、摄像头、短信、蓝牙、GPS 等。实现功能丰富
(2)Web App:可以类比于电脑上的网页。更多是页面展示类的 APP。只能使用有限的移动硬件设备功能,侧重于简单的交互,无法使用很多硬件设备独特的功能。
版本控制有区别:
(1)原生 App:用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况。同时也会导致维护成本比较高。使用旧版本的用户无法体验新版本的完整功能。
(2)Web App:所有的用户都是用同样的版本,所有用户获得的功能都是相同的。版本更新比较方便,直接在服务器侧更新数据即可。一个功能做好了就能上线,一天更新几十次都毫无压力。如果客户端只是个浏览器,那一切都会变得很简单。
对于网络的需求不同:
(1)原生 App:断开网络,可以继续使用已缓存在本地的数据,大部分功能不受影响。
(2)Web APP:断开网络,绝大部分功能不能使用,受到很大影响。
小结
原生 App 偏向于交互,注重用户体验(导航切换、勾选选项、图片、视频等操作)。Web APP 偏向与浏览和简单的交互,一些功能需要访问硬件(摄像头、传感器等),使用原生 App, Web APP 用于展示信息。成本有限时,核心的功能使用原生 APP,辅助的功能使用 Web App。
目前比较流行的方法就是将原生 App 和 Web App 进行融合,就是说应用大的框架是原生的,其他详细的内容就通过网页封装,也就是前文提到的混合 APP。这样做的好处就是在方便更新的同时,也能保证核心功能的交互体验。
千语创想移动端低代码开发平台(千语创想)是一款“云端一体”的低代码开发平台,可免费自助制作APP,也可进行专业APP定制开发。使用千语创想开发平台,是用Web语言去开发iOS和Android应用,这样将开发难度大幅降低,开发周期缩短将近一倍。此外,千语创想平台上有上千个各式各样的功能模块,一键调用方便去开发各类App。