PhoneGap 未在 Android 中运行答案

【问题标题】：PhoneGap not running in AndroidPhoneGap 未在 Android 中运行
【发布时间】：2023-03-04 20:50:01
【问题描述】：

我第一次尝试在 Android 设备（三星 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>

没有出现！没有警报，没有日志，它只是显示一个 HTML 页面，上面有 body 内容。

@Edit：现在显示结果；但是，所有结果都是null，显示在Alert 对话框中。有人经历过吗？

【问题讨论】：

你的contacts.length是什么？
@PratikSharma：找到的联系人数量。我的电话结果是693，但所有displayName 都是null。根据这个不应该是null：docs.phonegap.com/en/2.2.0/…
您可以尝试将其放入警报contacts[i].name.givenName 并查看它仍然为空吗？
@PratikSharma：好的，更新var filter = ["displayName", "name"]; 和alert(contacts[i].displayName); 仍然会导致null。
我已经为您的问题发布了可行的解决方案。尝试一下，让我知道它是否对您有帮助。谢谢。

标签： android cordova

【解决方案1】：

首先使用 Eclipse 创建一个 Android 应用程序，然后

按照以下步骤：

1 将 cordova-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" />

就是这样。

您的屏幕上会显示您的联系人详细信息。

希望对你有帮助。

谢谢。

【讨论】：

感谢您的详细指南；但是，它似乎不起作用。警报显示Done -> 693 -> null -> null .... 啊，只是不明白..
将条件置于警报if(contacts[i].displayName != null)之上。
有趣！有很多 null 值，其余的没有。谢谢，现在可以了。
是的。在使用 phonegap 的联系人 api 时，我们总是需要检查这些情况。 :)
@pratol sharma 先生，在哪里可以获得最新版本的所有 cordova.js cordova.jar

【解决方案2】：

在 Eclipse 中使用 PhoneGap 的更简单的替代方法。
1.点击帮助-Eclipse Marketplace
2.搜索-“手机差距”
3.安装Phonegap（phonegap也叫cordova）
仅第一次执行此操作。从下次开始，每当您创建 phonegap 项目时，只需创建一个“新 PhoneGap 项目”。就这样。这个过程可以为您节省大量时间和错误。

【讨论】：

没有找到phonegap。只是 AppLaud、LDPA、MyEclipse...等，哪个最好用？我也想为 WP8 和 iOS 创建应用程序
@sourav 我能找到类似的东西。