从HTML网页向移动设备地址簿添加联系人

时间:2011-12-29 15:43:45

标签: android ios html5 mobile addressbook

我目前正在构建一个网站,只需轻轻一点,您就可以在IPhone / Android地址簿中添加联系人。该网站目前是HTML5,但可以实现Javascript和/或PhP选项。

有没有一种方法,点击链接,移动设备将打开已经填写了我想要的信息的地址簿(姓名,电子邮件地址,街道地址,电话号码)。

我到处寻找只能找到能够做同样事情的应用程序的方法。我想从网页上创建它。在哪里,我可以学习如何做到这一点?

PS:目前,我正在尝试使用.VCF文件中的所有内容,可以通过点击下载......这似乎导致我目前无处可去。

4 个答案:

答案 0 :(得分:2)

W3C将Contacts API定义为工作草案,但据我测试,它在iOS设备中不受支持(我的iPad配备iOS4,iPhone配备iOS 5)。您应该测试一些Android设备并告诉我们它们是否支持Contacts API。这对未来的读者有用。

如果你有支持api的联系人,你可以这样做:

if(navigator.contacts){
   var mycontacts = [];
   navigator.contacts( ['emails.value', 'name', 'friends'],
                         function(contacts) { 
                           for(i in contacts) {

                               mycontacts.push(contacts[i]);

                         } );
}

答案 1 :(得分:1)

我得到的第一个想法是用于Android(大多数Android用户,拥有Google帐户)Google-Contact-API

答案 2 :(得分:1)

您可能不得不从设备方面对此进行攻击。如果你最终做的就是尝试跨平台框架。

不确定您的灵活性是什么,但对于跨平台设备集成应用程序,我强烈推荐PhoneGap。另外,听起来你已经有了一些HTML5和CSS的经验。这可以非常轻松地跨设备处理您的联系人集成。

答案 3 :(得分:0)

我也在寻找这个,我发现只有这个“近乎”的解决方案:

  1. 为您的联系卡制作QR
  2. 使用如下链接:
    http://qrdroid.com/decode?q= [FULL-QR-IMAGE-URL] 为它
  3. 如果是用户 如果安装了QR Droid,它将解码URL。
  4. 这里的视频: http://www.youtube.com/watch?v=e-2D3uCV2bE

    我个人认为解决方案有点儿麻烦,这样更安全:

    1. 用户从浏览器保存QR图像(长按,保存 图片)
    2. 打开保存的图片
    3. 点击“菜单” - >分享 - >解码 与QR Droid一起
    4. 这里的视频
      http://www.youtube.com/watch?v=Ws99exsZEIs

      CONS:
      这是反直觉的 你需要安装android和QR机器人 我不知道是否可以使用iphone和其他手机。