Native 还是 Web ? 这,不是问题

  前  言

  移动App是对URL和搜索引擎的革命,当今移动App开发貌似出现两大阵营,Native 和 Web,各自都认为自己代表未来的趋势,Native操作流畅、迅速,Web开发周期相对较短,还能轻松跨平台,但是,在项目的实际应用中到底如何?接下来,我们根据开发人员的讨论,做一个对比分析就知道答案了~

  对比分析

  Native App
 Web App

优势
1、用户体验稳定、流畅

2、优质界面、优雅交互

3、容易被记住,留存率高

4、用户黏度高

5、支持离线功能

6、可直接操作本地资源

7、传感器调用无障碍


1、修复bug只需迭代更新服务器端,无需升级客户端

2、H5、JS跨平台无压力,部署成本低

劣势
1、开发成本高:等功能完善才可上线、还需等待审批,修复

bug要完全升级;

2、移植成本高:Android、Windows、iOS 每个平台都要维护;

3、各个平台的运营、推广各不相同;


1、入口不明显(浏览器导航、超链接)

2、用户不易记住、留存率低,推广沦为一次性

3、实现都在服务器端,不可离线使用,对网络和网速极度依赖

4、实际项目中,用户体验不够流畅

5、开发人员不能直接操作本地资源

6、8%的用户还在用Android 2.3,WebApp无法流畅运行

7、无法调用陀螺仪等传感器

  做完这个表格突然发现,Native的优势恰好是Web的劣势,反之亦然:

  x86 和 ARM 架构的 JS 性能对比

  

  这是老外做的一个对比测试,请看对比数据,一开始是SunSpider性能测试:

  后来作者加入了自己的iPhone 4S进行了对比;
  可以看到 x86 架构的PC 相对于 ARM架构的移动设备来说,x86更适合运行 JS;

  ARM架构的程序,必须提升10倍的性能才能和 x86 架构的程序相提并论,更是无法企及x64架构了;
  从硬件角度看,期待靠摩尔定律来拉伸这部分的性能损失不太现实,因为更高的CPU频率会带来更高的发热,移动设备不可能装个散热风扇或者液氮降温,所以从设备的使用属性来说,ARM的性能就已经受到了限制;

  除非,原子级别的量子计算机已经可以安到手机上了,下图是尚未得到公认的首台商用量子计算机 D-Wave:

  这硕大的体积是不是让你想起了第一台电子计算机,排满整个房间的 Eniac? 历史总是惊人的相似~

  这是D-Wave的广告,Yes,you can have one。。。

  嗯,人手一台量子计算机,等三十五年后吧,2050年应该可以实现,到时候AI全面进化,各种机器人遍布在大街小巷的商铺中、穿行于送快餐、快递的马公路上;

  扯远了,继续看 Native 和 Web App~

  Web App开发者说

  “所以即使是那么多专家在上面blabla不停的说H5多么多么牛,但是大家仍然感受不到H5的好,仍然很迷茫,甚至我都觉得上面演讲的都有一些迷茫,这种迷茫度过了2013,走过了2014,迎来了2015。”

  “从现状来看, 目前肯定是native app是主流, 不得不承认, 现在的大部分web app太难用了, 甚至没法用. 前几天还见到reader上有人分享了一个可以把web转成android app的应用, 间接的说明web app实在是太难用了.”

  Native开发者说

  “从工程师的角度看, 当然希望web app是主流,把广大,工程师从一个又一个的native app中解放出来,去做更多有意义的事情。”

  然而,任何产品的开发都会把用户的体验放在第一位,用户第一、员工第二、股东第三;

  结  论

  Native 和 Web 二者是可以互补的,谁也取代不了谁,一阴一阳之谓道,道一以贯之,最好的解决方案就是:融合~

  那开发中到底如何融合? 可以参考这份表格:

Native Web Tips
大量交互 浏览内容 大量交互就是多用户、实时进行输入、选择等等,这样的就用Native
稳定上线 试错原型 H5、JS开发原型快速试错成本较低,一旦原型确定就改用Native开发上线
访问硬件 内容展示 Web无法支持各种传感器的操作,如果要陀螺仪、加速度计的硬件操作,唯有Native
开发核心 辅助服务 向微信学习,核心功能用Native开发,辅助的、偏浏览的、使用率低的服务用Web

  至此,Native 还是 Web,我们终于有了答案,不用再心浮气躁的纠结于如何选择了,一门深入,长时熏修~ 安心做好 Native;

  下次开会如果再讨论到这个问题,你就知道该如何应对了。

时间: 2024-11-07 15:52:26

Native 还是 Web ? 这,不是问题的相关文章

Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较

说明 Native.Hybrid.React.Web App方案的分析比较 目录 前言 参考来源 前置技术要求 楔子 几种APP开发模式 概述 Native App Web App Hybrid App React Native App 分析 各大开发模式直观对比 如何选择开发模式 另类的app方案 微网页 微信小程序 其它 前言 参考来源 前人栽树,后台乘凉,本文参考了以下来源 对当前主流hybrid app.web app与native app工具的初步比较与分析 H5.React Nati

native与web交互的那些事儿

项目中经常会出现需要native和web交互的地方,我推荐两种方法.一种是通过JavaScriptCore,一种是通过拦截网络请求的方式 第一种方式 1.先介绍几个名词: JSContext:给JavaScript提供运行的上下文环境 JSValue:JavaScript和Objective-C数据和方法的桥梁 JSExport:这是一个协议,如果采用协议的方法交互,自己定义的协议必须遵守此协议 2.先来看个html <html> <head> <meta charset=&

Native App,Web App 还是 Hybrid app

一.Native App,Web App 还是 Hybrid app nativeapp是一个原生程序,一般运行在机器操作系统上,有很强的交互,一般静态资源都是在本地的.浏览使用方便,体验度高.在实现上要么使用Objecttive-c和cocoaTouch Framework撰写IOS程序,要么选择java+Android Framework撰写android应用程序. hybridapp是一个半原生程序,伪造了一个浏览器的apk/ipa原生程序,把地址写死了,然后里面运行了一个webapp.里

手机Native、Web、Hybrid应用介绍

应用一词指的是app,即application.原生应用指的是能直接运行于当前操作系统的应用程序:web应用指需要在浏览器中运行的网页应用,由于界面体验.功能上都更加强大,可媲美原生应用,故称web应用:混合应用则是两者的结合,通常是一个原生应用内嵌了浏览器. 以手机APP为例:原生应用(native),酷狗音乐.美图秀秀,此类APP可称之为原生:web应用,通过UC浏览器打开抢票助手.充值易,这类就是web应用:混合应用(hybrid),天猫.携程.58同城这类APP,大多数是在原生的壳基础上

Native、Web App、Hybrid、React Native(简称RN)、Weex 间的异同点。

App常用开发模式简介 此处App为应用application,并非我们通常讲的手机App. 常用的几种APP开发模式-脑图 Native App 传统的原生App开发模式,有iOS和aOS两大系统,需要各自语言开发各自App. 优点:性能和体验都是最好的. 缺点:开发和发布成本高. 举个栗子:网易管家App (https://id.163.com/gj/) 应用技术:Swift,OC,Java. WebApp 移动端的网站,常被称为H5应用,说白了就是特定运行在移动端浏览器上的网站应用.一般泛

iOS native+web混合式开发性能分析

最近,利用业余时间学习web主要是移动web,虽不能说的上精通,但起码也有一定的认识,而关于native和web之间争论也从未听过,网上关于这方面你的文章一大堆,比如说知乎的这篇:Web App 和 Native App,哪个是趋势.而到底他们之间,性能方面的有哪些差异呢,要自己测一测才清楚. 所以,以新浪微博为例子,接下来我新建两个Xcode工程,一个使用原生的UITableView和coreText作为布局和排版(使用新浪开放平台接口),另外使用基于UIWebView加载(链接为http:/

小谈React、React Native、React Web

React有三个东西,React JS 前端Web框架,React Native 移动终端Hybrid框架,React Web是一个源码转换工具(React Native 转 Web,并之所以特别提出,是觉得还有些用处). React.React Native共同特点 起源 Facebook 的内部项目 理念 Learn once, write anywhere,而不是Write once, run anywhere.简单说就是,让你在Web.Mobile原生的开发套路一样,但你还是需要写两套代

Web App和Native App 谁将是未来

未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识一下Web App和Native App. 一.Web App Web无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML.CSS和JavaScript就可以在任意移动浏览器中执行.随着iPhone带来的WebKit浏览体验升级,使得专为iPhone等有WebKit浏览内核的移动设备开

Native App, Hybrid App, Web App对比

Native App,Hybrid App和Web App简介 目前基本所有的移动互联网app可以分为三类:Native App,Hybrid App和Web App. Native App是基于智能手机操作系统API,使用原生语言编写的App: Web App是基于Web的系统或应用,使用的是HTML,JavaScript和CSS等网页相关语言编写的App: Native App则是融合了Native和Web,使用原生语言编写应用的外壳然后在其中内嵌网页语言编写的内容信息: 三种模式对比: N