web app与原生app的区别_Android

公司准备要做一个项目,是p2p配资的app。在网上问了一些人后,发现有的是直接有html5做好后,用软件封装的。之前我学过app的开发,当时Android版本的,知道开发Android app时写的代码。那么问题来了:

  html5封装的app与原生态app有什么区别呢?

  html5又和app有什么区别呢?

  为什么大型网络公司还是倾向于推广原生态app呢?

  html5是有跨平台的优势,但是为什么还是不温不火,或者我们仍称之为轻应用app呢?

  查找了相关的资料,梳理了一下,发现有如下区别:

  1.html5的app如轻型小炮,原生态app如正规大炮,html5实现的功能有限,只能实现一些轻型的交互场景,而app则可以完美解决。

  2.html5虽然可以跨平台,可是浏览器有个加载速度,对于用户体验上说,有个加载的等待,就比如你用qq浏览器打开百度,和直接使用百度app是两种体验。浏览器打开百度,还得有个加载,而百度app则duang的出下了输入框界面。

  3.html5的app对于导航来说,目前有个弊端。而原生态app则在页底固定悬浮着导航菜单。我给截图,大家可以看看区分:看我红线画圈和蓝色画圈的区别。

  

  4.html5 app也有自己的优势,比如有的app页面想要分享出来,则采用html5 app。也比如滴滴打车集成在微信里一样,如果手机中没有滴滴打车的app,则直接可以在默认浏览器上加载出来,进行打车。对于公司整体的运营来说不可少。

  html5 app在设计时需要注意的一些要点,我也简单概括了一下:

  1)各手机浏览器的兼容测试

  2)底层服务的调取(能调取,但只有当其是核心功能时才保留 eg:新浪、美团等皆去掉了头像上传功能)

  3)注意离线数据存储,减少数据请求频率。

  4)考虑保存用户的哪些数据:设置、个人数据、阅读锚点、跳出页面等。【这点一般说的就是导航菜单】

  5)避免动效与浏览器的交互冲突

  6)按顺序 异步加载eg: 腾讯视频

以上就是本文的全部内容了,希望对大家了解web app以及原生app能有所帮助。

时间: 2024-08-01 05:29:38

web app与原生app的区别_Android的相关文章

wep app和原生app的区别

                wep app和原生app的区别 原生App⊙ 每一种移动操作系统都需要独立的开发项目:⊙ 每种平台都需要独立的开发语言.Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等:⊙ 需要使用各自的软件开发包,开发工具以及各自的控件 :     移动Web App⊙ 因为运行在移动设备的浏览器上,所以只需要一个开发项目⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来

WEB APP与原生APP有哪些交互设计区别?

  从使用场景上,Web App用户面临比原生APP用户更严峻的问题: 1. 页面跳转更加费力,不稳定感更强 思考点:如何减少跳转(扁平结构.页面布局技巧),增加数据及展示的流畅流程及稳定性(技术) 2. 更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担 移动设备的屏幕要小得多.这种如同透过门缝进行的阅读增加了认知的负担.人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差.--<贴心设计:打造高可用性的移动产品> 思考点:排版

选择原生 APP 还是自适应 web?三步搞定!

确定网站的移动策略并非什么高深的学问,但需要认真的研究和规划.设计公司Entropy近日将企业选择移动路线的决策简化为三步. 一年半以前,Facebook首席执行官马克扎克伯格一句"豪赌HTML5是Facebook犯下的最大错误"引发了业界关于原生APP和移动(自适应)web两条技术路线的大争论. 如今这个争论似乎已经有了结论,正如Entropy首席执行官指出的: 用户经常会问,应当开发面向移动设备的自适应移动web站点还是将所有预算投入原生APP?我们的答案很简单:两个都重要! 如今

为何HTML5定稿会颠覆原生APP世界

2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿. 过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界.这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现,这个世界的发展趋势确实就是这样. 熟知历史才能预知未来,先让我们来看看HTML5为什么诞生.这8年是怎么过来的. 一. HTML5的诞生 自W3C于1999年发布HTML4后,Web世界快速发展,一片繁荣.人们一度认为HT

聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异

  这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过APP设计的雷区,涨姿势是分分钟刻不容缓的事咯! 目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web App.Hybrid App. Native App.

聊聊原生APP切图那些事儿

  如何切图? 了解iphone界面的尺寸 最小的分辨率是320×480,我们把这个尺寸定为基准界面尺寸(baseline),基准尺寸所用的图标定为1倍图(1x). 在实际设计过程中,为了降低设计成本,一般拿设备最高的分辨率作为设计稿的原始尺寸,拿iphone来说就是iphone5或5s的640×1136啦,当然也可以用iphone4或4s的640×960,因为宽度都是640px,他们切图的标准是一样的.显然,以1倍图的基准尺寸(宽320px)为相对的参考依据,宽640px的设计稿,以原始尺寸切

移动原生App开发和HTML 5开发,你更看好哪个?

小程序的发布,让我们不得不思考,移动原生App开发和HTML 5开发,哪个更有优势? 在技术的发展上,HTML 5会取代App应用吗? 你更看好哪个? 经常会有人问"APP开发究竟是用原生的好点还是H5好点?" 首先我们来看看原生APP,从2010年正式崛起,对开发者而言,不过两三年的时候,对企业而言,更是赖以进入互联网时代的标志,正因如此,不论是隶属于信息服务范畴的IT软硬件开发商或是内容服务商,乃至于一般企业用户,显然都无法抵御这股趋势潮流. 再来看看H5,近两年来,H5的发展势头

Web App、Hybrid App与Native App

转载文章需要在明显位置标注转载来源:http://www.woshipm.com/pd/123646.html 目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web App.Hybrid App. Native App. 1. Web APP Web App 指采用Html5语言写出的App,不需要下载安装.类似于现在所说的轻应用.生存在浏览器中的应用

HTML 5 是原生 APP 生态下的血管

HTML 5 如果颠覆了原生 APP,不会是简单的 Web App 崛起,而是意味着"大生态"系统的构建,包括新的操作系统.新的玩家.新的商业模式.新的产品逻辑等等.但没有几个人真的相信这种颠覆会很快出现. 抛开"HTML 5 颠覆 APP"这种骇人听闻的说辞,业界已经看到一些构建 HTML 5"小生态"机会的存在,例如微信已经融入原生生态并且构建了自己的 HTML 5 小生态.但是融入生态意味着顺从,微信亦要看更高等生态系统如 Apple 的脸