Skip to content

Latest commit

 

History

History
67 lines (33 loc) · 2.84 KB

hybrid-h5.md

File metadata and controls

67 lines (33 loc) · 2.84 KB

hybrid 和 h5 有何区别?

?> Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

1、mobile application:Hybrid App就是一个移动应用

2、both browser-supported language and computer language:同时使用网页语言与程序语言编写

3、available through application distribution platforms:通过应用商店进行分发

4、a target device:区分目标平台

5、install to run:用户需要安装使用

区别

hybrid 是通过file协议加载的本地文件,h5 是通过http协议加载的网络文件,前者速度快。

hybrid 是通过为不同版本打包进行更新,而 h5 没有版本的概念,每次都获取服务端的最新版。

hybrid 更加依赖于客户端的能力,因此会更多的和客户端通讯,而 h5 基本用不到和客户端通讯。

hybrid

优势:

(1)运行速度比较快

(2)能使用设备的底层功能,如摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等

(3)在界面设计、功能模块、操作逻辑等层面相较web更易做到App的便捷性和舒适性,功能更加强大

(4)节省流量

劣势:

(1)不同的操作系统(如Android和iOS)需要独立的进行开发,使用其各自的开发包、开发工具和控件

(2)每次有更新,都需要重新打包一次发布到应用平台上,且每次要向各个应用商店进行提交审核。之后用户需要手动进行点击更新安装(安装成本较高)

(3)开发成本比较高,尤其需要适配各种机型时(如Android应用,需要适配各种Android手机)

H5页面

优势:

(1)由于是运行在浏览器上,所以只需要开发一次便可以在不同的操作系统上显示

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

(3)开发成本相对较低,对浏览器的适配较简单,且发布门槛相对较低

劣势:

(1)每次打开页面,都得重新加载,获取数据...

(2)过于依赖网络,速度无法保证。特别在弱网环境下,不仅耗费流量而且加载缓慢,就算是WiFi情况下也不容乐观

(3)只能使用有限的设备底层功能(无法使用摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等功能)

(4)仍处于发展阶段,部分功能无法在基于现有技术的浏览器基础上实现,且无法全面的显示最完美的用户体验,只能用现有技术去弥去找最佳解决方案

参考资料:

Hybrid App中原生页面 VS H5页面