优缺点 PnoneGap的优点 1.跨平台 PhoneGap目前支持的移动平台有: Android, iOS, Windows Phone、 Windows 8、 Firefox OS、 Amazon...2.不能支持全部的系统API 由于要支持多平台, 所以如果一些平台上独有的API, 在PhoneGap上就有可能不能得到及时的支持。...phonegap插件,我们可以通过以下命令来添加: phonegap plugin add 例如,我们要在项目中添加网络的插件,可用如下命令: cd project phonegap...ps:本文中所讲的内容都是基于android平台。 项目 我们就带大家来感受一下创建一个自己的phonegap程序,实现功能很简单就是点击返回按钮时,弹出“hello world”。...3.创建命令完成后,我们转到project目录下,然后可以去添加要用到的插件,如网络,通讯录等。
Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。...Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。 3.增强的触摸事件。...在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。 4.数据集成。...就在那一年,PhoneGap获了奖并开始支持Android平台,对人数不断增长的移动开发人员变得越来越有用,这些人员需要在更多的平台上获得代码支持。...在项目中,使用ngcordova 完成本地存储、二维码扫描、照相、图片上传、离线在线、gps定位等。
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。...PhoneGap用JavaScript统一封装了几大平台的本地api(Andriod,IOS,WP8/7,WINRT)等等。。...为了给昨天的html5画图板移植到移动设备上,我决定采用phoneGap平台,这样只要编写一边就可以多出运行了。 今天先在Andriod下架设phoneGap环境。...1.下载phoneGap http://phonegap.com/download#autodownload 解压出来,找到lib/android目录。...添加buildpath。 继续build就过了。 最后run一下: 这样一个phonegap的Andriod程序就搞定了。明天把昨天的那个HTML5画板移植过来。
Ace = JavaScript + Native UI + iOS + Android Ace能在你现有的JavaScript代码库上增加原生支持。...Ace可以和Ionic,PhoneGap和所有Cordova项目共用。也就是说,Meteor应用也可以借助Ace来构建原生UI。 Ace作为一个cordova插件提供。 1....使用跨平台的原生UI框架 或者直接使用原生控制 使用简单的类,如 Button,Grid,或DatePicker。UI框架提供了跨平台的原生控制、布局、样式等等的抽象。...或者,你也可以直接使用特定平台的原生控制。比如下面这些: ? 如果你决定使用标示,你可以在HTML中直接链接它们,而不用在意它们的类型: ? 3....你自己的代码,第三方代码或者平台相关的API。不需要额外的插件或封装。 直接添加Java,Objective-C或者Android资源到你的Cordova项目中,你可以轻松使用它们。 ? ? 4.
第一章 phonegap介绍 1.1 什么是phonegap PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序...1.2 PhoneGap的优势和劣势 优势: l 跨平台:一次开发,多个平台共用。...会简单使用这些平台后,就可以安装PhoneGap的平台了,可以参考:http://www.phonegap.com/start 1.4 PHONEGAP的得力助手 开发PhoneGap的程序,jQuery..." /> android:name="android.permission.GET_ACCOUNTS" /> 添加完后xml中的内容如下,如果有对不上的可以手动添加 我修改后的...PhoneGap架构拥有强大的跨平台访问设备能力,但是其工作原理并不神秘,下面以iPhone和Android平台为例进行分析。
Phonegap自从捐赠给Apache基金会后,改名字为Cordova了,文章发表时的稳定版本是 2.6.0 。...Apache Cordova提供了使用Web技术来开发Mobile应用的方式,目前支持Android、IOS、Windows Phone、Blackberry等近十种平台。...创建工程: 在早期的Phonegap版本中,会提供一个dmg安装包,安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式,而是使用了命令行的创建方式。...解压缩后,我们可以在lib目录下看到众多的平台类型,找到ios然后使用Terminal进入到bin目录下。 1.png 执行: ....但是有些开发人员喜欢在多个项目中公用一个CordovaLib,这样当Lib更新时所有项目都会更新。使用--share参数,可以将CordovaLib作为一个软链接,链接到create所在的位置。
概述 PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...优点 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen) 可以利用传统的web开发技术(如HTML、CSS、 JavaScript...此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。...概述 APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用
随着两大平台的流行,很多控件厂商也开发出支持这两种平台的工具,如为PhoneGap 提供的Wijmo 5,为 Xamarin.Forms提供的Xuni 等,从而使移动开发更加快速高效,当然尽管有很多工具支持这两种平台...PhoneGap 提供了访问移动设备特征的通用API接口,如传感器,摄像头等。...Xamarin Xamarin 提供利用.Net(Mono) 的开源实现的一个平台,开发人员可使用C#开发一次,Xamarin.Form就可同时生成iOS,Android,及Windows Phone...Xamarin VS PhoneGap Xamarin.Forms PhoneGap 使用C#或XAML语言编码 使用 JavaScript,HTML,CSS 编码 开发iOS ,Android,WindowsPhone...Xamarin -- 借助 Xuni (本地化、跨平台移动控件集),使用本地编程技术,可以在 IOS、Android 和Xamarin平台上使用相同的 API。
后来又加入了Android SDK 和BlackBerry SDK,再然后又陆续加入了更多的平台。...上图是目前Cordova支持的平台,摘自Cordova官网,它们分别是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。...** 3.添加平台 ** 创建完Cordova 工程之后,跳转到工程文件夹(命令是 cd 文件夹路径)。...我这里使用的命令是: cd /Users/harvey/Desktop/Other/MyApp 然后在这个文件夹中,我们需要添加一个 App 需要支持的平台。...添加一个平台,需要输入命令: cordova platform add 例如我们需要支持浏览器,那么就输入: cordova platform add browser 如果我们需要支持
还记得我在此文【技巧】ionic3优雅解决启动前、后黑白屏问题中添加了一个勾子插件cordova-custom-config来修改配置的主题。...其中注意一下,config-file是用于添加配置项,而edit-config是用于编辑配置项的....现在cordova默认添加都7.0以上了,而降级到6.4.0也能兼容旧项目,那尝试去掉勾子插件去把上述文章中的配置方式改一下。...打开config.xml,添加配置项: android"> <edit-config file="AndroidManifest.xml" mode="merge...此时会抛出异常: cordova AAPT: error: unbound prefix 搜索之,首先找到此文: https://stackoverflow.com/questions/21115471/android-phonegap-error-error-parsing-xml-unbound-prefix
如utf-8、gbk等等。...以下说明文字来自百度百科的PhoneGap词条: “PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。”...Cordova 虽然PhoneGap号称跨平台,但是html5+js也只能完成网站那样的网页操作,却无法直接操作手机设备的功能。...因此PhoneGap引入了Cordova,Cordova提供了一组与设备相关的API,通过这组API,app能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
二、Hybird App开发平台介绍 2.1 PhoneGap ? PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。 ...在Native Code之上的是Cordova/PhoneGap这样的平台,这些平台提供了JavaScript执行平台和Native API,上层通过传递JS代码,由JS执行平台进行解释,再调用对应的Native...-- 插件依赖项 --> <!
(二)Hybrid框架 Hybrid App,其实就是原生应用和Web应用相结合,一般做法就是项目中的某一部分是原生界面,一部分是Web页面,通过原生平台的WebView去调用Web页面。...框架的核心是从Web的角度去开发手机应用,框架是基于PhoneGap编译平台。...(2) Cordova Cordova:Cordova的前身是PhoneGap,2011年Adobe公司收购了PhoneGap将其开源,并捐献给Apache,命名为Cordova。...Cordova从PhoneGap中抽出的核心代码。Cordova是一个使用HTML,CSS和JS这些前端语言去构建移动应用的平台。...Kotlin Native设计初衷是为了支持在非JVM虚拟机平台环境的编程,如 ios、嵌入式平台等。同时支持与 C 互操作。
虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题浏览器下实时联调。...10.6 64-bit Google Chrome 8及以上版本浏览器 Apple Safari 5及以上版本浏览器 Debug目标页面支持的平台 Android 2.2+系统浏览器 Android...,借用skyhh同学的话,是由于weinre被PhoneGap收购,PhoneGap又被Adobe收购,Adobe收购PhoneGap后,把PhoneGap捐给了Apache,Apache把PhoneGap...放在Cordova的项目中。...---- PhoneGapWebApp调试 PhoneGap WebApp也就是运行在移动设备Webview之内(Android:webview,iOS:uiwebview)的移动应用,因此weinre
优点: PhoneGap是一个开源的框架; PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用; 支持8个移动应用开发平台(Android,iOS,Windows...,BlackBerry,Symbian,Bada,WebOS和Tizen); 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上...就是针对不同的平台需要些多套代码; Cordova 优点: 开源免费,社区生态成熟,插件丰富; 支持离线场景应用; 开发工具选择空间大; iOS和Android基本上可以共用代码,纯web思维,开发速度快...AppCan 通过AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用; 有两种方式创建项目:IDE 和云端,并且IDE可以同步到云端; 免费用户有100M...,个人中心; 平台支持度: 缺点: 部分操作需要具备原生开发经验,如离线打包App; 新产品仍然有bug,还需改进; 学习路线: uni-app 跨平台更多;(一套代码,多端发行;优雅的在一个项目里调用不同平台的特色功能
Android和iOS生态太大了,我们可以把它们比作第一级生态,想要颠覆这两个系统的曾经出现过,但都失败了,因此建立次级生态是最稳妥的策略,Android平台更加开放,因此次级生态的中心就是Android...使用多种技术来增强 Web App的功能: 用Service Worker + HTTPS +Cache Api + indexedDB 等一系列web技术实现离线加载和缓存 实现了推送和通知 可以直接添加到手机的桌面上...3.1 Cordova 说到Cordova,不得不提到他的前身PhoneGap,PhoneGap面向Web开发人员,通过使用HTML、CSS和Javascript构建跨平台App。...png Cordova同样使用WebView来展示界面,插件是Cordova中不可或缺的一部分,Apache Cordova维护了名为Core Plugins的插件,这些核心插件为App提供访问设备功能,如电池...与PhoneGap等框架不同的是,Xamarin可以在iOS和Android刚推出新的功能时,第一时间调用相应的API,而使用PhoneGap则需要等待PhoneGap封装的新的功能后才可以调用相应的API
再彻底一点的,如掌上百度和淘宝客户端Android版,走的也是Hybrid App的路线,不过掌上百度里面封装的不是WebView,而是自己的浏览内核,所以体验上更像客户端,更高效。...1、PhoneGap PhoneGap 是一个免费且开源的开发环境,使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。...PhoneGap还提供Adobe AIR App以及在线的培训课程,帮助开发者了解原生API并在他们自己的平台上开发移动App。...Ionic框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
可以方便的通过Node.JS调用系统API、可以使用SQLite做本地字典项的缓存处理,可以将复杂的计算逻辑放在客户端进行,从而减轻服务器端的压力等等。...HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台 2011年10月4日Adobe公司收购了PhoneGap和PhoneGap Build的新创公司Nitobi Software...,随后将Phonegap的核心代码剥离并捐给了Apache公司,并改名为了Cordova。...Xamarin 是一个抽象层,可管理共享代码与基础平台代码的通信。 Xamarin 在提供便利(如内存分配和垃圾回收)的托管环境中运行。...因为Android自带了 Skia,所以 Flutter Android SDK要比 iOS SDK小很多。 QT C++ QT最大的优势就是跨平台!高效率!
但是学习成本,人才成本,开发效率以及照顾不同平台的特性去考虑,都成为了开发人员心目中的一道坎。至于说这道坎是不可逾越的还是一道让你提高的坎,笔者觉得完全取决于你自己。...了解过在Android机器上面的Web开发就知道这个痛了。比如前些年在Android设备上面写圆角,border-radius:10px,在Android的设备上面会出现毛边。...使用C#语言,能够把你的应用发布到iOS,Android以及WinPhone市场上面; 开发出来的程序运行高效。...但是优化也是有限度的,如Ruby创始人Matz所说优化要恰当(包括花的时间,技巧等),而且有时候的优化达到的回报率不一定达到你自己的期望。...从IE兼容,到目前多个浏览器的乱战,到iOS以及Android设备Web上的兼容,这不就是一个历史的例子嘛。跨平台不是不好,只是在一个时代里,你能够达到怎样的效果,真的是很难估量的。
国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 ...当前主要支持 iPhone 和 Android 手机。 ...9.PhoneGap框架 说到跨平台开发工具,很多人首先会想到PhoneGap。...这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS...UI为基础,补充部分Android平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象
领取专属 10元无门槛券
手把手带您无忧上云