-
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篇
- 专栏被浏览:607595 次
本专栏热门文章
最新评论
经测试可用,但需配置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 ...