MUI 获取手机中的联系人来生成电话簿

最新推荐文章于 2023-03-03 18:19:04 发布

miskss

最新推荐文章于 2023-03-03 18:19:04 发布

阅读量6.3k

点赞数 1

分类专栏： mui框架文章标签： html5 通讯录手机

本文链接：https://blog.csdn.net/wanping321/article/details/78762639

版权

mui框架专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在html5下利用Native.js来获取系统通讯录管理对象AddressBook，再调用对象中的find（）方法查找出系统通信录中的所有联系人。
API：http://www.html5plus.org/doc/zh_cn/contacts.html#plus.contacts.AddressBook
代码：

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="../../css/mui.min.css" rel="stylesheet" />
        <style>

        </style>
    </head>
    <body>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">联系人</h1>
        </header>
        <div class="mui-content">
            <ul class="mui-table-view" id="listArea">
                <li class="mui-table-view-cell" id="mode">
                    #
                </li>
            </ul>
        </div>
        <script src="../../js/mui.min.js"></script>
        <script type="text/javascript">
            mui.init();
                mui.plusReady(function() {
                    // 扩展API加载完毕，现在可以正常调用扩展API
                    plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
                        addressbook.find(["displayName", "phoneNumbers"], function(contacts) {
                            for(var i = 0, len = contacts.length; i < len; i++) {
                                var li = document.getElementById("mode").cloneNode(true);
                                li.innerHTML = contacts[i].displayName + "<br/>手机：" + (contacts[i].phoneNumbers.length == 0 ? "" : contacts[i].phoneNumbers[0].value);
                                document.getElementById("listArea").appendChild(li);
                            }
                        }, function() {
                            mui.toast("获取电话簿失败 ");
                        }, {
                            multiple: true
                        });
                    }, function(e) {
                        mui.toast("获取电话簿失败 " + e.message);
                    });
                });

        </script>
    </body>

</html>

miskss

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
MUI 获取手机中的联系人来生成电话簿

在html5下利用Native.js来获取系统通讯录管理对象AddressBook，再调用对象中的find（）方法查找出系统通信录中的所有联系人。 API：http://www.html5plus.org/doc/zh_cn/contacts.html#plus.contacts.AddressBook 代码：<!doctype html><html> <head> <
复制链接

扫一扫

专栏目录