PhoneGap 是 Apache Cordova 的一个分发版,就像 Ubuntu 是基于 Linux 的一个发行版,其代码库也基于 Cordova,只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务...官网 | Github | Hello World 使用 Famo.us 创建高性能移动 UI 参考资料 Cordova中文文档 创建第一个App(英文) 利用 Cordova+Famous 创建高性能跨平台...APP 使用 Cordova 和 Vue.js 创建移动应用 Ionic 概述 ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript...,可以使用 Cordova 的插件 缺点 Angular JS 学习路线陡峭 Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic AppCan 概述...ARM代码运行时以达到跨平台的高质量用户体验 缺点 Flutter采用Dart语言开发,属于小众语言,需要一切都要重新学习 Flutter现在还处在Beta阶段,第三方库很少 WeX5 概述 WeX5是开源并且免费使用的
Apple Objective-C(或现在的Swift),跟Winforms一样,可以非常方便的调用操作系统底层API,劣势也一样,不跨平台、自定义控件比较复杂,可用资源太少。...HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台 2011年10月4日Adobe公司收购了PhoneGap和PhoneGap Build的新创公司Nitobi Software...,随后将Phonegap的核心代码剥离并捐给了Apache公司,并改名为了Cordova。...实际上,各平台涉及到本地能力的调用,以插件形式被封装了。(每个插件的实现实际上还是Native模式)。...使用 Visual Studio 在 C# 中编写跨平台应用程序。 Xamarin 允许在每个平台上创建本机 UI,并在 C# 中编写跨平台共享的业务逻辑。
toc 使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势。...API或者Cordova插件封装为AngularJS扩展,使用非常方便。...APP都知道,使用表单时键盘的弹起/关闭中会引来很多问题,Ionic之前的方案都是js实现,效果实难恭维,上述插件以原生代码的方式来优化这个问题,亲测效果很好,也强烈推荐你使用这个插件。...数据库,或者更甚者请求服务器)就需要自定义启动图片的关闭,那么就需要安装这个插件,否则就又会在启动时候有屏幕闪动的影响体验的问题。...需要提示的是,安装插件后,在启动图片未关闭时候,默认菊花转在屏幕中间,如果你要自定义,可以更改插件中的原生代码,以iOS为例,将其改到屏幕底部:更改/src/ios/CDVSplashScreen.m中
Ionic拥有丰富的命令操作,可以通过命令行工具快速创建Android和iOS项目,并且也可以编译成Android和iOS平台的应用程序,同时Ionic也支持自定义编写Android和iOS的插件。...(2) Cordova Cordova:Cordova的前身是PhoneGap,2011年Adobe公司收购了PhoneGap将其开源,并捐献给Apache,命名为Cordova。...Cordova从PhoneGap中抽出的核心代码。Cordova是一个使用HTML,CSS和JS这些前端语言去构建移动应用的平台。...Cordova自带丰富的命令操作,使用命令行可以创建类似于Web App的页面,在浏览器查看我们创建的项目,同时如果我们使用命令行将项目在移动端编译运行,也是可行的,这也是Cordova项目很独特的地方...使用Swift的代码库为进行开发,可以构建和部署多个不同平台的应用。Swift代码编译为Android和iOS可执行文件以及静态和动态库,并打包为IAK和ADK文件。
Cordova 这是社区最早出现的轮子,我们统称为 Cordova。Cordova 主要提供三种能力: 前端代码与原生代码通信的能力; 原生插件机制; 跨平台打包能力。...Phonegap Build Phonegap Build是一个在线打包工具,你把使用cordova写好的项目给Phonegap Build,Phonegap Build就会在线打包成App。...Phonegap 电脑软件公司Adobe 2011年10月4日宣布收购了创建了HTML5 移动应用框架PhoneGap 和PhoneGap Build的新创公司Nitobi Software。...全新的Phonegap诞生,他继承了Phonegap Build和cordova ,由此phonegap在混合开发领域变得异常响亮,导致,我们不需要线上打包能力,只使用cordova时,也被叫做使用Phonegap...衍生应用开发平台 针对 Cordova 存在的问题,一些厂商给出了一种优化方案,并且给出友好的文档,但是本质上还是在 Cordova 的基础上做了以下几点改进: 以云平台的方式管理项目,整个开发周期除了写代码以外都能在平台上实现
2、使用的场景不同,手机用户多数在户外的时候使用应用,希望能够在尽可能快的时间内完成任务。 3、用户交互的方式不同。...下载地址:http://developer.android.com/sdk/index.html 3、安装Eclipse的Android ADT插件 4、如果没有物理的测试机,还需要使用AVD创建模拟器...5、安装PhoneGap库文件(Cordova),PhoneGap捐赠给Apache基金会后,名字改为了Cordova,我们需要从网站上下载源码 现在Google的Android网站上提供了集成环境的下载...,执行工程创建命令 ....参考资料: 1、Begin PhoneGap 2、PhoneGap 3、Getting Started with Android 4、Cordova
一.Cordova 说到PhoneGap,就不得不说到Cordova Cordova 是一个可以让 JS 与原生代码(包括 Android 的 java,iOS 的 Objective-C 等)互相通信的一个库...,并且提供了一系列的插件类,比如 JS 直接操作本地数据库的插件类。...与 Objective-C 通信 Js 使用了两种方式来与 Objective-C 通信,一种是使用 XMLHttpRequest 发起请求的方式,另一种则是通过设置透明的 iframe 的 src...通过在 Js 端创建一个透明的 iframe,设置这个 ifame 的 src 为自定义的协议,而 ifame 的 src 更改时,UIWebView 会先回调其 delegate 的 webView:...2.以 callbackId 为 key,{success:successCallback, fail:failCallback} 为 value,把这个键值对保存在 JS 端的字典里,successCallback
; 满足业务需求; PhoneGap 优点: PhoneGap是一个开源的框架; PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用; 支持8个移动应用开发平台...; 继承自 Cordova,可以使用 Cordova 的插件; Ionic可以在网络运行的任何地方运行 – iOS,Android,浏览器,电子,PWA等; 浏览器支持; 缺点: Angular JS...ARM代码运行 时以达到跨平台的高质量用户体验。...开发,cordova开源,暂时没有看到可以直接继承原生SDK 自身封装底层,闭源,无法直接使用原生SDK 闭源,免费版有限制 扩展能力 支持原生SDK的云打包技术,有插件市场,也可以自己开发插件 可基于...cordova开发原生扩展,插件市场 提供了一种叫Widget插件扩展机制,扩展原生插件用于持续继承 可以自己开发模块 编译 支持本地编译与云端编译 支持本地编译 云端编译,有次数限制 云端编译,有次数限制
PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台。...通过它,开发商能够使用HTML、CSS及JavaScript来开发本地移动应用程序。...Apache Cordova是PhoneGap贡献给Apache后的开源项目。是从PhoneGap中抽出的核心代码。是驱动PhoneGap的核心引擎。...大概意思也就是说:Cordova是由PhoneGap发展而来的,如今的Cordova就是当年的PhoneGap。 所下面文中我来回的切换叫法,事实上都是一个东西而已。...怎样在PhoneGap或者Cordova框架下实现JS调用Android原生代码?
phonegap已经不再是phonegap,而是phonegap build,用来打包的。...以前phonegap中,用来JS与native通信的模块,现在叫做cordova,也就是现在要套壳的话,是套cordova。...调用二维码插件 https://github.com/wildabeast/BarcodeScanner 安装插件的方式,在终端里面,输入 cordova plugin add https://github.com...("encode success: " + success);}, function(fail) { alert("encoding failed: " + fail);}); 使用插件注意事项...2、 cordova plugin add 方式安装完插件后,cordova_plugin.js的内容会变成我们插件的相关依赖(例如这里会变成AMD的方式声明依赖barcodeScanner.js
它的优缺点是什么 参考文章: 《浅谈Cordova框架》 2.1 Cordova 简介 Cordova 是一个用基于 HTML、CSS 和 JavaScript 的,用于创建跨平台移动应用程序的快速开发平台...来源: Cordova 是 PhoneGap 贡献给 Apache 后的开源项目,是从 PhoneGap 中抽出的核心代码,是驱动 PhoneGap 的核心引擎。...2.3 优缺点 优点: 跨平台,开发简单,学习成本低; 框架多,插件多,可自定义插件; 发展最早,社区资源丰富; 缺点: WebView性能低下时,用户体验差,反应慢; 中文文档资源少; 调试不方便...,既不像原生那么好调试,也不像纯web那种调试; 三、Cordova 插件的原理是什么 Cordova 插件就是一些附加代码用来提供原生组件的 JavaScript 接口,它允许你的 App 可以使用原生设备的能力...gap_exec 的话,则认为是 Cordova 通信的请求,直接拦截,拦截后就可以通过分析请求的数据,分发到不同的插件类(CDVPlugin 类的子类)的方法中: [iOS] Cordova 中优先使用这种方式
基于Cordova的 Hybrid APP Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。...Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。...Adobe在Cordova的基础上加上自己的特性和生态,继续沿用PhoneGap的名字。而原本的PhoneGap的核心代码以Cordova这个名字作为Apache的一个开源项目。...Cordova有一些核心的plugins来向js提供一些常用的Native能力,另外Cordova也可以通过自定义Plugins来扩展对Native功能的使用能力,所以理论上,只要有相应Plugins的支持...,通过Cordova可以使用Native的所有功能。
目前流行的四种跨平台app打包方式 发展历程: 在国外,最大的是Cordova(PhoneGap,2011年广泛流行),在2012年12月开源。...其前身是PhoneGap,由Nitobi开发,2011年10月,Adobe收够了Nitobi,并且PhoneGap项目也被贡献给Apache软件基金会。...为此,开发人员需要安装原生开发环境,配置工程,使用HTML5、CSS3、JS和原生SDK生成应用。 Cordova的优势很明显,可以使用的框架、原生接口、支持平台都很多。...AppCan不是开源平台,同时,企业版和部分插件是收费的。换句话说,AppCan只是一个卖软件的商业公司。我们认为:这会对其市场的占有率有着直接影响,闭源而没有垄断,所以前景不会太好。...同时APICloud提供了云数据库的功能,前端不必了解PHP,Node.js等后端语言,通过JS接口或Restful API实现数据库的增删改查。 但是APICloud的更新速度很快,版本不太稳定。
支持开发者自定义插件,并能很好的应用于商业,教育,娱乐等行业,成为移动开发者的首选开发平台。...PhoneGap(Cordova) 产品功能: PhoneGap是一款国外的开源移动开发平台。...AppCan 产品功能: AppCan是本土移动开发中使用最广的移动平台,网络舆论而言,AppCan是PhoneGap的中国化,但是从对AppCan实际使用,以 及转向移动开发的朋友们互相交流反馈,他们是截然不同的两个移动平台...免费版本不支持自定义插件(据说企业版可以自定义插件)。 3. 暂时只支持iOS,Android两大平台,不知道什么时候推出Windows Phone 8? 4....支持自定义插件。 缺点: 1. API文档为英文,并且比较简单,对国内用户使用有一定挑战。 2. 跟PhoneGap 同样,国外框架,技术支持困难。 3. 支持Android,iOS,黑莓平台。
What is PhoneGap? PhoneGap是一个用基于HTML5的移动应用前端开发框架,使用HTML+CSS+JavaScript,再通过PhoneGap就可以快速创建APP了。 ...phonegap插件,我们可以通过以下命令来添加: phonegap plugin add 插件名称|插件地址> 例如,我们要在项目中添加网络的插件,可用如下命令: cd project phonegap...3.创建命令完成后,我们转到project目录下,然后可以去添加要用到的插件,如网络,通讯录等。...如下命令: cd project phonegap plugin add cordova-plugin-network-information phonegap plugin add cordova-plugin-contacts... 由于所创建的项目没有用到插件,所以不用添加。
二、Hybird App开发平台介绍 2.1 PhoneGap ? PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。 ...Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。 ...在平台层之上是一些Plugins(插件),它是一堆手机的硬件组件接口,可以方便地使用JS代码调用相机、文件、网络等硬件资源。...API Document》 3.李秉骏,《Hybrid App 开发实战》 4.FreeZinG,《使用HTML和JS开发移动App-部署Cordova配套开发环境》 5.周金根,《新手的第一个PhoneGap
简介 Cordova 是一个用基于 HTML、CSS 和 JavaScript 的,用于创建跨平台移动应用程序的快速开发平台。...来源: Cordova 是 PhoneGap 贡献给 Apache 后的开源项目,是从 PhoneGap 中抽出的核心代码,是驱动 PhoneGap 的核心引擎。...2.3 优缺点 优点: 跨平台,开发简单,学习成本低; 框架多,插件多,可自定义插件; 发展最早,社区资源丰富; 缺点: WebView性能低下时,用户体验差,反应慢; 中文文档资源少; 调试不方便,既不像原生那么好调试...,也不像纯web那种调试; 三、Cordova 插件的原理是什么 Cordova 插件就是一些附加代码用来提供原生组件的 JavaScript 接口,它允许你的 App 可以使用原生设备的能力,超越了纯粹的...gap_exec 的话,则认为是 Cordova 通信的请求,直接拦截,拦截后就可以通过分析请求的数据,分发到不同的插件类(CDVPlugin 类的子类)的方法中: Cordova 中优先使用这种方式,
通过原生SDK提供的API,App可以与系统底层通信,以创建 UI 组件或访问系统服务。这些组件被渲染到手机屏幕,屏幕产生的相应的事件会被传回给组件。...3.1 Cordova 说到Cordova,不得不提到他的前身PhoneGap,PhoneGap面向Web开发人员,通过使用HTML、CSS和Javascript构建跨平台App。...5.png Cordova同样使用WebView来展示界面,插件是Cordova中不可或缺的一部分,Apache Cordova维护了名为Core Plugins的插件,这些核心插件为App提供访问设备功能...除了核心插件之外,还有一些第三方插件可以使用,你也可以开发一个自己的插件。...VasSonic使用自定义的url连接而不是原始网络连接来请求索引html,因此它可以提前或并行请求资源以避免等待视图初始化。
领取专属 10元无门槛券
手把手带您无忧上云