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）

新人第一次发帖，以前发在自己的博客，慢慢都会同步到掘金，如果有写的不对的地方，欢迎大家批评指正。

转载于:https://juejin.im/post/5bdfc37851882517121237be