-
-
Cordova 3.x入门
收藏Apache Cordova 3.x(aka PhoneGap)的基础知识、实用插件、源码分析、实例开发。
分享到：
最近更新文章
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 ...
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 ...
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 ...
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 ...
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 ...
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
*** ...
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 ...
Cordova 3.x 基础（4） -- deviceready事件
Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候，Cordova提供的通过HTML5调用Native功能并不是立即就能使用的，Cordova框架在读入HTML5代码之后，要进行HTML5和Native建立桥接，在未能完成这个桥接的初始的情况下，是不能调用Native功能的。在Cordova框架中，当这个桥接的初始化完成后，会调用他自身特 ...
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
...
Cordova 3.x 基础（2） -- 应用图标icon和启动页面SplashScreen
==========================================================
最新版Cordova CLI已经支持在config.xml中配置<splash> 和 <icon>，CB-2606, CB-3571 Add support for <icon>, <splash>。设置如下：
<platform ...
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
- 创建时间：2014-02-26 08:15:19
- 专栏文章数：31篇
- 专栏被浏览：607307 次
本专栏热门文章
最新评论
经测试可用，但需配置url schema 才可以，使用cordova-plugin-app-launc ...
shuiyunbing 评论了 Cordova 3.x 实用插件（5） -- 通过自定义 ...
shuiyunbing 评论了 Cordova 3.x 实用插件（5） -- 通过自定义 ...
rensanning 写道@danny.chiu @lygllylgflh测试了一下，以下代码是好用的 ...
ABC__D 评论了 Cordova 3.x 实用插件（3） -- 社交分享So ...
ABC__D 评论了 Cordova 3.x 实用插件（3） -- 社交分享So ...
为什么同样的js分享代码在Android平台上测试通过，可是在IOS平台下，却直接报异常，只有通过邮件 ...
ABC__D 评论了 Cordova 3.x 实用插件（3） -- 社交分享So ...
ABC__D 评论了 Cordova 3.x 实用插件（3） -- 社交分享So ...
请问下，如果我想我的ios应用，在中文环境下，app的名字叫“我的APP”;英文环境下叫“MY APP ...
GavinNie 评论了 Cordova 3.x 基础（5） -- 配置文件config ...
GavinNie 评论了 Cordova 3.x 基础（5） -- 配置文件config ...