Hybrid App Native page VS H5 page

Source: http://www.jianshu.com/p/00ff5664e000

"The source is rich, please read the original"

There are 3 kinds of mainstream apps, namely: Web app, Hybrid app (mixed mode mobile app, Hybrid "mixed" meaning), Native app (native app, followed by "native app" to describe). Web app and native app a lot of Daniel have done more detailed comparison and excellent disadvantage analysis, I mainly to hybrid app to briefly analyze, talk about the hybrid app in the native page and H5 page comparison and analysis.

The Hybrid app refers to a semi-native, semi-web, mixed-class app. Need to download the installation, looks like the native App, but only a few UI Web View, access to the content is the Web.

Many apps now use H5 pages instead of native pages (i.e. the hybrid app) in two ways with different user experiences. Just recently encountered the company wants to use the H5 page instead of the native page, understand the next, and all the questions and knowledge points are recorded.

Their respective advantages and disadvantages are also many predecessors have been summed up, I slightly recorded and summed up (the relative/compared in this article is for both ways).

Native Page Advantages: (1) run faster (2) can use the device's underlying functions, such as camera, direction sensor, gravity sensor, dial, GPS, voice, SMS, Bluetooth, etc. (3) in the interface design, function modules, operating logic and other aspects of the web easier to do the convenience and comfort of the app, More powerful (4) Save traffic

Disadvantage: (1) different operating systems (such as Android and iOS) need to be developed independently, using their respective development packages, development tools and controls (2) each time there is an update, they need to be repackaged once published to the application platform, and each to each store to submit audits. The user then needs to manually click the update installation (high installation cost) (3) Development cost is high, especially need to adapt to various models (such as Android applications, need to adapt to a variety of Android phones)

H5 Page Advantages: (1) because it is running on the browser, so only need to develop one time can be displayed on different operating systems (2) Iteration version, do not need to package to publish (real-time update, rapid iteration), real-time data interaction with the Cloud (3) The development cost is relatively low, the adaptation of the browser is simple, And the release threshold is relatively low

Disadvantage: (1) Each time you open the page, you have to reload, get the data ... (2) Too dependent on the network, speed can not be guaranteed. Especially in the weak network environment, not only the consumption of traffic and slow loading, even if the WiFi situation is not optimistic (3) can only use limited equipment underlying functions (not using the camera, direction sensor, gravity sensor, dial, GPS, voice, SMS, Bluetooth and other functions) (4) is still in the development stage, Some features cannot be implemented on the basis of existing technology-based browsers and do not fully display the most perfect user experience, only using existing technology to find the best solution

Hybrid App Native page VS H5 page