web app与原生app的区别
投稿:hebedich
公司准备要做一个项目,是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能有所帮助。
您可能感兴趣的文章:
- 发布WEB站点时出现Server Application Unavailable
- asp.net Reporting Service在Web Application中的应用
- ASP.NET(C#)应用程序配置文件app.config/web.config的增、删、改操作
- 基于动态修改App.Config与web.Config的使用详解
- Web.config 和 App.config 的区别分析
- android使用webwiew载入页面使用示例(Hybrid App开发)
- 使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
- Chrome Web App开发小结
- 浅析webapp框架AngularUI的demo