取得 PhoneGap 裝置資訊

承上篇 PhoneGap 在 Android 平台的第一步

使用 for/in 查看 device 全域物件

  function onDeviceReady() {
   var str = "";
   for(var s in device) {
    str += s + ":" + device[s] + "\n";
   }
   document.getElementById("textarea").value = str;
  }

以下是用 Android 4.1 模擬器得到的資訊:

• available: true
• platform: Android
• version: 4.1
• name: sdk
• uuid: 7b11cbcedb0f6b41
• cordova: 2.4.0
• model: sdk
• overrideBackButton: Device.overrideBackButton() is deprecated. Use App.overrideBackbutton(true).
• resetBackButton: Device.resetBackButton() is deprecated. Use App.overrideBackbutton(false).
• exitApp: Device.exitApp() is deprecated. Use App.exitApp().
• getInfo: function

其中比較重要的是 uuid 和 platform。platform 常見的值為: Android, Blackberry, iPhone, WinCE。

PhoneGap 在 Android 平台的第一步

PhoneGap 被 Adobe 買下來之後, 核心的部份捐給了 Apache, 目前為 Apache Cordova 專案。以下為使用 PhoneGap 開發 Android App 的初步設定:

1. Eclipse ( 目前為 4.2 ) 開發環境要先裝好 Android SDK, Android ADT plugin ( Android SDK Manager, Android Virtual Device Manager )。

2. 下載 PhoneGap ( Cordova 目前為 2.4 ), 並解壓縮檔案。

3. 建立 Android Application Project, 設定專案名稱為 Phonegap-hellohell 。標的版本設為 Android 4.1, 官方的範例可以使用 Android 2.1 以上。

4. 將 Phonegap 解壓縮後, 複製 phonegap-2.4.0\lib\android 裡的 cordova-2.4.0.jar 到  Phonegap-hellohell 專案的 libs 目錄內。複製後, 右擊  libs/cordova-2.4.0.jar , 點選 Build Path → Add to Build Path。

5. 複製 phonegap-2.4.0\lib\android\xml 目錄 ( 裡面只有一個 config.xml 檔案 ) 到  Phonegap-hellohell 專案的 res 目錄內。

6. 在 Phonegap-hellohell 專案的 assets 目錄裡建立 www 目錄, 並複製 phonegap-2.4.0\lib\android 裡的 cordova-2.4.0.js 到此目錄, 往後所有 HTML 相關的檔案都放在此目錄內。