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）

新人第一次發帖，之前發在本身的博客，慢慢都會同步到掘金，若是有寫的不對的地方，歡迎你們批評指正。