Cordova 3.x入门
收藏

Apache Cordova 3.x(aka PhoneGap)的基础知识、实用插件、源码分析、实例开发。

分享到: Sina Tec

最近更新文章

Cordova 3.x 基础(11) -- JS是如何调用本地API的?

Cordova应用基于Webview,所以后台代码和js交互都是基于Webview(Webkit)的接口的。 Android:WebView(WebKit-based) WebView(4.4 Chromium-based)  Updatable-WebViews(5+) @JavascriptInterface/WebView#addJavascriptInterface() 参考源码 Expo ...
rensanning 评论(4) 有28122人浏览 2014-03-03 16:21

Cordova 3.x 基础(10) -- UI框架Ionic Framework

Ionic是Drifty继Codiqa(基于 Web 的 jQuery Mobile构建工具)和Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。面向使用HTML5开发混合式应用的的前端UI开源框架。 http://ionicframework.com/ Demos http://codepen.io/ionic/public-list Show ...
rensanning 评论(0) 有17915人浏览 2014-02-27 14:42

Cordova 3.x 基础(9) -- UI框架jQuery Mobile

目前Version 1.4.1,这里只是做个摘要,官方的Demos有很详细的使用说明。 http://demos.jquerymobile.com/1.4.1/ http://api.jquerymobile.com/ (1)引入 <!DOCTYPE html> <meta charset="UTF-8" /> <meta name=&qu ...
rensanning 评论(6) 有9582人浏览 2014-02-27 09:47

Cordova 3.x 基础(8) -- 几个不可或缺的lib

(1)Zepto.js http://zeptojs.com/ jQuery绝对是最流行的类库,但是现在对它的批评是越来越多,主要问题是它的大小,即使版本2.0中去除了对于IE6,IE7和IE8的支持,但是仍旧体积比较大,特别对于移动设备来说。 相比人们开始更加关注Vanilla JS http://vanilla-js.com/,它对于DOM处理以外的内容更快,更高效。 对于Hybrid App ...
rensanning 评论(1) 有8671人浏览 2014-02-25 15:49

Cordova 3.x 基础(7) -- Native API的使用

移动设备的Hardware接口包括:Accelerometer、Camera、Capture、Compass、Connection、Contacts、Device、Native Events、File、Geolocation、Notification、Storage、Gestures/Multitouch、Messages/Telephone、Bluetooth、NFC、Vibration。Cord ...
rensanning 评论(11) 有30918人浏览 2014-02-25 13:18

Cordova 3.x 基础(6) -- Sample工程解析

(1)通过Cordova CLI创建Cordova工程 最简化创建应用: 引用cordova create app1 ***默认使用package名:io.cordova.hellocordova、应用名:HelloCordova。 指定package名和应用名: 引用cordova create app2 com.rensanning.app.cordova CordovaSample *** ...
rensanning 评论(10) 有15932人浏览 2014-02-24 10:01

Cordova 3.x 基础(5) -- 配置文件config.xml

首先要注意的是:从3.3版本以后已经把www/config.xml移动到了根目录下。 在config.xml中定义的东西应该适应所有平台。在build工程的是时候,会看到“Generating config.xml from defaults for platform "android"”这样的字样,他会生成各个平台的config.xml。 生成的文件: Android:My ...
rensanning 评论(2) 有23197人浏览 2014-02-19 14:51

Cordova 3.x 基础(4) -- deviceready事件

Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候,Cordova提供的通过HTML5调用Native功能并不是立即就能使用的,Cordova框架在读入HTML5代码之后,要进行HTML5和Native建立桥接,在未能完成这个桥接的初始的情况下,是不能调用Native功能的。在Cordova框架中,当这个桥接的初始化完成后,会调用他自身特 ...
rensanning 评论(6) 有27944人浏览 2014-02-19 13:35

Cordova 3.x 基础(3) -- 调试工具Debug

(1)Ripple Emulator 是基于Google Chrome的移动应用模拟器,已经捐赠给了ASF。Apache Ripple:http://ripple.incubator.apache.org/ Chrome Webstore安装地址: https://chrome.google.com/webstore/detail/geelfhphabnejjhdalkjhgipohgpdnoc ...
rensanning 评论(3) 有32665人浏览 2014-02-18 09:33

Cordova 3.x 基础(2) -- 应用图标icon和启动页面SplashScreen

========================================================== 最新版Cordova CLI已经支持在config.xml中配置<splash> 和 <icon>,CB-2606, CB-3571 Add support for <icon>, <splash>。设置如下: <platform ...
rensanning 评论(2) 有32190人浏览 2014-02-14 15:07

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)

Mobile App分为三大类:Native App、Hybrid App、Web App。 其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用户体验及强大的功能并具有Web App跨平台快速开发的优势。缺点在于依赖于各平台的WebView,WebView的性能好坏直接决定了Hybrid App的性能。 目前国内外的Hybrid App开发 ...
rensanning 评论(5) 有67175人浏览 2014-02-13 13:42
  • 专栏创建者:rensanning
  • 创建时间:2014-02-26 08:15:19
  • 专栏文章数:31篇
  • 专栏被浏览:606298 次

本专栏热门文章

最新评论

还是横屏
abcqianzhongshu 评论了 Cordova 3.x 实用插件(2) -- 二维码Barc ...
经测试可用,但需配置url schema 才可以,使用cordova-plugin-app-launc ...
shuiyunbing 评论了 Cordova 3.x 实用插件(5) -- 通过自定义 ...
你好,扫出来中文乱码怎么解决?
jyxzfw 评论了 Cordova 3.x 实用插件(2) -- 二维码Barc ...
有人吗,为什么我的分享出现不了呢
我叫喵喵哒 评论了 Cordova 3.x 实用插件(3) -- 社交分享So ...
...
我叫喵喵哒 评论了 Cordova 3.x 实用插件(3) -- 社交分享So ...
rensanning 写道@danny.chiu @lygllylgflh测试了一下,以下代码是好用的 ...
ABC__D 评论了 Cordova 3.x 实用插件(3) -- 社交分享So ...
为什么同样的js分享代码在Android平台上测试通过,可是在IOS平台下,却直接报异常,只有通过邮件 ...
ABC__D 评论了 Cordova 3.x 实用插件(3) -- 社交分享So ...
为什么不提供完整的工程呢
chenpenglong 评论了 Cordova 3.x 基础(12) -- Plugin开发
我想知道你们有多少人不用Eclipse和Android Studio开发,只用命令行的
laden88888888 评论了 Cordova 3.x 基础(6) -- Sample工程解析
请问下,如果我想我的ios应用,在中文环境下,app的名字叫“我的APP”;英文环境下叫“MY APP ...
GavinNie 评论了 Cordova 3.x 基础(5) -- 配置文件config ...
Global site tag (gtag.js) - Google Analytics