Cordova 1 安装及示例程序

来源：互联网发布：excel数据透视表应用编辑：程序博客网时间：2024/05/18 14:44

Cordova使用

官网文档

http://cordova.apache.org/docs/en/5.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface/

官方示例：

npm install -g phonegap –全局安装phonegap
npm install -g cordova
cordova create hello com.example.hello HelloWorld -d
cd hello
cordova platform add android –如果源无法联接，可以试试： cordova platform add android —registry=https://registry.npm.taobao.org
cordova platforms ls –查看支持的平台
# cordova platform remove blackberry10 移除平台语句
cordova build android
#–cordova build 编译所有平台
cordova emulate android
cordova run android –list 显示当前android设备
cordova run android –target=”” 在目标设备上运行当前程序

项目生成以后，可以使用android eclipse导入项目：
这里写图片描述

安装时常见错误处理

变更目标版本

这里写图片描述
有这个提示时，要去安装SDK android-22。我这里android-22太新了，我变更了目标版本：

test\myapp\platforms\android\project.properties

target=android-21 #这里变更目标版本android.library.reference.1=CordovaLib

网络异常

如果有这个错误：
这里写图片描述
多下载试几下，可能是网络问题

缺少sdk

这里写图片描述
这个错误是因为cordova使用了android.webkit.ClientCertRequest，这个必须要安装android sdk 21。

Hello World

修改index.html

<!DOCTYPE HTML><html><head><title>Hello World</title></head><body>  <h1>Hello World</h1>  <p>欢迎使用Cordova</p></body></html>

可以加入cordova的事件，在head里加入：

<meta charset="utf-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /><script type="text/javascript" src="cordova.js"></script><script type="text/javascript" charset="utf-8">  function onBodyLoad(){      document.addEventListener("deviceready",onDeviceReady,false);  }  function onDeviceReady(){      navigator.notification.alert("Cordova is ready!");  }</script>