文档章节

第一个PhoneGap程序以及错误解决

崔同亮
 崔同亮
发布于 2014/06/08 09:16
字数 364
阅读 2333
收藏 7

1. 新建一个Android工程。

2.将PhoneGap\phonegap-2.9.0\lib\android下的cordova-2.9.0.jar拷贝到Android工程下的libs下。

3.在assets文件夹下建一个新的文件夹www

4.将PhoneGap\phonegap-2.9.0\lib\android下的cordova.js拷贝到www文件夹下。

5.在www文件夹下创建一个新建index.html并引入cordova.js,内容如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
                      我的第一个PhoneGap应用程序!
        </div>
        <script type="text/javascript" src="cordova.js"></script> 
    </body>
</html> 

6.修改MainActivity。使其继承DroidGap。并导入import org.apache.cordova.*;并将protect改为public。

7.在MainAcitity中调用html页面:super.loadUrl("file:///android_asset/www/index.html");

 import org.apache.cordova.DroidGap;

import android.os.Bundle;
import android.view.Menu;

public class MainActivity extends DroidGap {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.loadUrl("file:///android_asset/www/index.html");
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

} 

8.拷贝PhoneGap\phonegap-2.9.0\lib\android下的xml文件夹到工程的values下。

总体目录:

   

9.运行.

错误解决:第一次运行报错如下:


解决:根据错误加入权限:

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

2. 再次运行出现乱码:

  

解决方法:修改工程为UTF-8编码:如图:

并重新打开index.html修改乱码内容。

重新运行工程,效果图如下:



代码下载地址:http://download.csdn.net/detail/wenquan125/7464627


© 著作权归作者所有

共有 人打赏支持
崔同亮
粉丝 20
博文 89
码字总数 36614
作品 0
海淀
程序员
私信 提问
PhoneGap的由来

2008年8月,PhoneGap在旧金山举办的iPhoneDevCamp上初次崭露头角。起名为PhoneGap是创始人的想法:“为跨越Web技术和iPhone之间的鸿沟牵线搭桥。”(Bridging the gap between the web and ...

生气的散人
2012/11/21
671
2
phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版 刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间. 本文主讲windows系统下的phonegap的环境搭建...

james_laughing
2014/12/17
0
0
phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版 刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间. 本文主讲windows系统下的phonegap的环境搭建...

james_laughing
2014/12/17
0
0
PhoneGap API介绍:Events

事件类型: backbutton deviceready menubutton pause resume searchbutton online offline backbutton 当用户在Android系统上点击后退按钮的时候触发此事件。 document.addEventListener("b......

Java编程思想
2014/07/21
0
0
让我用图示的方式来讲解下PhoneGap

我在很多技术大会,技术讨论研讨会,甚至就是与一些开发者在他们的办公室内都讨论过移动开发与PhoneGap。我发现有很多相同的问题总是被大家提到,所以我写下这篇文章来让所有开发者更好的理解...

彭博
2012/11/27
455
0

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-13(Mybatis基本概念和简单的例子)

在mybatis初次学习Mybatis的时候,遇到了很多问题,虽然阿里云的视频有教学,但是视频教学所使用的软件和我自己使用的软件不用,我自己用的数据库是oracle数据库,开发环境是idea。而且视频中...

白话
今天
4
0
Java基础:String、StringBuffer和StringBuilder的区别

1 String String:字符串常量,字符串长度不可变。Java中String是immutable(不可变)的。 String类的包含如下定义: /** The value is used for character storage. */private final cha...

watermelon11
今天
2
0
mogodb服务

部署MongoDB 官网: https://www.mongodb.com/download-center/community 创建mongo数据目录 mkdir /data/mongodb 二进制部署 wget -c https://fastdl.mongodb.org/linux/mongodb-linux-x8......

以谁为师
昨天
5
0
大神教你Debian GNU/Linux 9.7 “Stretch” Live和安装镜像开放下载

Debian项目团队于昨天发布了Debian GNU/Linux 9 "Stretch" 的第7个维护版本更新,重点修复了APT软件管理器中存在的安全漏洞。在敦促每位用户尽快升级系统的同时,Debian团队还发布了Debian ...

linux-tao
昨天
4
0
PHP 相关配置

1. php-fpm的pool 编辑php-fpm配置文件php-fpm.con vim /usr/local/php/etc/php-fpm.conf //在[global]部分增加以下内容 include = etc/php-fpm.d/*.conf # 相当与Nginx的虚拟主机文件 “vho......

Yue_Chen
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部