如何在HTML5中通过ContactPickerAPI调用系统通讯录选择多个联系人-H5教程-PHP中文网

contactpicker api 目前仅支持单选，multiple: true 被所有实现浏览器忽略；仅 chrome for android/chromeos 支持，且需 https、用户主动触发、声明字段权限。

如何在html5中通过contactpickerapi调用系统通讯录选择多个联系人

目前无法通过 ContactPicker API 选择多个联系人——该 API 仅支持单选，且仅在部分平台（如 Chrome for Android、ChromeOS）中可用，桌面版 Chrome 和 Safari、Firefox 均不支持。

ContactPicker API 的基本用法（单选）

虽然不能多选，但可以正确调用系统通讯录选择一个联系人：

需在 HTTPS 环境或 localhost 下运行（不支持 HTTP）
需用户主动触发（如点击按钮），不能自动调用
需请求特定字段权限（如 name、email、tel），未声明的字段不会返回
调用示例：

async function pickContact() {
  if ('contacts' in navigator && 'pick' in navigator.contacts) {
    try {
      const props = ['name', 'email', 'tel'];
      const contacts = await navigator.contacts.pick(props, { multiple: false });
      console.log(contacts); // 返回一个 Contact对象数组，但长度恒为1
    } catch (err) {
      console.error('选择失败：', err);
    }
  } else {
    console.warn('Contact Picker API 不可用');
  }
}