5

Android デバイス (Samsung Galaxy S II) で初めて PhoneGap を実行しようとしています。しかし、うまくいかないようです。

これまでに試したコードは次のとおりです。

<html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; 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"
    />
            <title>Hello World</title>
            <script type="text/javascript" src="cordova-2.2.0.js"></script>
            <script type="text/javascript" charset="utf-8">
            document.addEventListener("deviceready", onDeviceReady, false);

            function onDeviceReady() {
                var options = new ContactFindOptions();
                options.filter = "";
                options.multiple = true;
                var filter = ["displayName"];
                navigator.contacts.find(filter, onSuccess, onError, options);
            }

            function onSuccess(contacts) {
                for(var i = 0; i < contacts.length; ++i) {
                    alert(contacts[i].displayName);
                }
                alert("OK then");
                console.log("OK");
            }

            function onError(contactError) {
                alert("onError!");
                console.log("Fail");
            }
            </script>
        </head>
        <body >


        </body>
        <h1> Example </h1>
        <p> Find Contacts </p>
    </html>

何も現れない!アラートもログもありません。上記のbodyコンテンツを含む HTML ページが表示されるだけです。

@Edit: 結果が表示されるようになりました。ただし、すべての結果はnullAlertダイアログに表示されます。誰もこれを経験しましたか?

4

2 に答える 2

17

最初にEclipseで1つのAndroidアプリケーションを作成し、次に

次の手順に従ってください:

1cordova -2.2.0.jarファイルをプロジェクトにインポートします。

[2]cordova-2.2.0.jsファイルをassets/wwwフォルダーに追加します。

[3]cordovaソースに付属のxmlフォルダーをresフォルダーにコピーします

[4]アクティビティをこれに置き換えます。

package com.cordovatest;

import org.apache.cordova.DroidGap;

import android.os.Bundle;

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        super.setIntegerProperty("loadUrlTimeoutValue", 60000);        
        super.loadUrl("file:///android_asset/www/index.html",1000);
    }


}

[5]このコンテンツを含むindex.htmlファイルをassets/wwwフォルダーに追加します。

<!DOCTYPE html>
<html>
  <head>
    <title>Contact Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {    
        callFetchContacts();
    }

    function callFetchContacts(){
        var options = new ContactFindOptions();
        options.multiple=true; 
        var fields = ["id","name", "displayName", "organizations","emails","phoneNumbers","addresses"];
        navigator.contacts.find(fields, onSuccess, onError, options);   

    }

    function onSuccess(contacts) {

        alert('Done');
        alert(contacts.length);

        for(var i = 0; i < contacts.length; i++){
            alert(contacts[i].displayName);
        }


    };

    function onError(contactError) {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <h1>Example</h1>
    <p>Display Contacts</p>
  </body>
</html>

[6]マニフェストファイルに次の権限を追加します。

    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.VIBRATE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECEIVE_SMS" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.RECORD_VIDEO"/>
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.WRITE_CONTACTS" />   
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

それでおしまい。

画面に連絡先の詳細が表示されます。

お役に立てば幸いです。

ありがとう。

于 2012-12-13T06:39:38.313 に答える
3

Eclipse で PhoneGap を使用するより簡単な代替手段。
1.Help-Eclipse Marketplaceをクリックします
。 2.Search-"Phone Gap"
3.Phonegap をインストールします (phonegap は cordova とも呼ばれます)
。次回以降、phonegap プロジェクトを作成するたびに、「新しい PhoneGap プロジェクト」を作成するだけです。それで全部です。このプロセスにより、多くの時間とエラーを節約できます。

于 2013-07-13T19:07:03.167 に答える