HTML5调用手机短信电话

H5短信兼容写法

• 判断当前客户端

// 浏览器的用户代理报头
  let u = navigator.userAgent;
  let smsurl = '';
  // 短信内容须要转码
  smstextArea = encodeURIComponent(textArea)
  if(/(iPhone|iPad|iPod|iOS)/i.test(u))
  {
    smsurl = `sms:${customerPhone}&body=${smstextArea}`
  }else{
    smsurl = `sms:${customerPhone}?body=${smstextArea}`
  }

复制代码

<!--Andriod-->
<a href="sms:131***?body=我是短信内容">发送短信</a>
<!--IOS-->
<a href="sms:131***&body=我是短信内容">发送短信</a>

复制代码

H5 打电话兼容写法

<a href="tel:131***">联系我</a>
复制代码

注意

• 目前一次发多条短信的发送方式，大多数手机都不支持。
• h5调用系统短信时，在微信打开，会有弹窗。
• 若是电话号码有分机号（#）的话，须要进行转码为（%23）

新人第一次发帖，之前发在本身的博客，慢慢都会同步到掘金，若是有写的不对的地方，欢迎你们批评指正。