行业资讯

web app与原生app的区别

字号+ 作者:H5之家 来源:H5之家 2015-09-16 11:22 我要评论( )

本文主要给大家分析介绍了web app与原生app的区别,以及各自的优势和劣势,推荐给大家,有需要的小伙伴来参考下吧

公司准备要做一个项目,是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能有所帮助。

您可能感兴趣的文章:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 技术突破:HTML5裸跑性能已可媲美APP

    技术突破:HTML5裸跑性能已可媲美APP

    2016-02-25 19:42

  • JavaScript Web云平台OS.js介绍

    JavaScript Web云平台OS.js介绍

    2016-01-27 10:08

  • 指游方寸《我欲封天web》如何抢占H5桥头堡的

    指游方寸《我欲封天web》如何抢占H5桥头堡的

    2015-09-18 22:20

  • HTML5开发工具这5个最实用!

    HTML5开发工具这5个最实用!

    2015-09-18 22:17

网友点评