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

时间 2019-12-07

标签第一个 phonegap 程序以及错误解决繁體版

原文原文链接

1. 新建一个Android工程。 javascript

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

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

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

5.在www文件夹下建立一个新建index.html并引入cordova.js，内容以下： android

<!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。 apache

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

 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下。 ide

整体目录：
this

9.运行. 编码

错误解决：第一次运行报错以下：

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

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

2. 再次运行出现乱码：

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

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

从新运行工程，效果图以下：

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