Question

我正在使用简单的html，css，js和condova为android，ios和windows开发一个多平台应用程序但是我觉得它显示具有挑战性，听起来很简单，可以显示设备上的所有联系人列表，就像你在电话簿或联系人应用程序中找到它一样。以下是联系人界面的设计：

<?php
?>

<html>
    <head>
        <title></title>
        <script type="text/javascript" src="cordova.js"></script>
        <style type="text/css">
            a { 
                color: inherit;
                text-decoration: none;
            }

            #BODY {
                background-color: #D9D9D9;
            }

            #TABLE {
                width:100.0%;
                border-collapse:collapse;
                background-color: #3A59C0;
                position: fixed;
                top: 0px;
                margin-left: -8px;
            }

            #CONTACTLIST {
                width: 100%;
                height: 91%;
                margin-top: 53px;
                background-color: #D9D9D9;
                overflow-y: scroll; 
                overflow-x:hidden;
                position: fixed;
                list-style-type: none;
                margin-left: -50px;
            }

            #CONTACTLIST > li {
                border-top: 1px solid gray;
            }

            #CONTACTLIST span {
                margin-left: 15px;
                font-family: verdana;
                color: #535353;
                font-size: 1.6cm;
            }

        </style>
    </head>

    <body id="BODY">
        <table id="TABLE" >

            <tr style="height: 50px; width: 45px;">
                <td style="width: 45%;"><center><span style="font-family: verdana;  color: white;">Contacts</span></center></td>
            </tr>

            <tr style="height: 10px;  width: 45px;">
                <td style="width: 45%; background-color: #31C1FF;"></td>
                <td style="width: 45%;"></td>
                <td></td>
            </tr>
        </table>
        <ul id="CONTACTLIST"> 
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
            <li><span>"NAME"  "NUMBER"</span></li>
        </ul>
    </body>
</html>

但不是＆＃34; NAME＆＃34; ＆＃34; NUMBER＆＃34;该脚本将访问联系人数据库并使用cordova.js文件中可用的方法按字母顺序列出所有联系人。

Answer 1

来自Cordova 3 even “core” APIs在核心之外（cordova.js）。

因此，您需要先安装contacts plugin，然后添加code for list them。如果您只想选择联系人，可以使用pick contact功能打开本机联系人选择器并返回选定的联系人对象。

从手机获取所有联系人

devise_scope :app_users

使用javascript列出手机通讯录

1 个答案:

从手机获取所有联系人