第一個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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。