将联系人添加到HTML网页的移动设备地址簿中

我目前正在build立一个网站,只需轻触一下,你就可以添加一个联系人到你的iPhone / Android地址簿。 该网站目前是HTML5,但可以实现Javascript和/或PhP选项。

那么有没有办法,点击一个链接,移动设备将打开已经充满了我想要的信息(名称,电子邮件地址,街道地址,电话号码)的地址簿。

我到处都只是想方设法编写可以做同样事情的应用程序。 我想从网页上制作。 任何地方我可以学习如何做到这一点?

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

您可能不得不从设备的一面攻击这个东西。 如果这就是你最终做的尝试一个跨平台的框架。

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

W3C将联系人API定义为工作草案,但据我testing,iOS设备不支持(我的iPad与iOS4和iPhone与iOS 5)。 你应该testing一些android设备,并告诉我们,如果他们支持通讯录API或不。 这对未来的读者会有帮助。

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

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

我得到的第一个想法是用于Android(大多数Android用户,有一个Google帐户)的谷歌联系API 。

我也在寻找这个,我发现只有这个“近”解决scheme:

  1. 为您的联系人卡片做一个QR
  2. 使用如下链接:
    http://qrdroid.com/decode?q=%5BFULL-QR-IMAGE-URL%5D
  3. 如果用户安装了QR Droid,则会解码URL。

一个video在这里: http : //www.youtube.com/watch?v=e-2D3uCV2bE

就我个人而言,我发现解决scheme有点bug,这是更安全的:

  1. 用户从浏览器保存QR图像(长按,保存图像)
  2. 打开保存的图像
  3. 点击“菜单” – >共享 – >解码QR二维码

一个video在这里
http://www.youtube.com/watch?v=Ws99exsZEIs

缺点:
这是违反直觉的
你需要安装Android和QR droid
我不知道是否有可能与iPhone和其他手机。