vue移动端H5调起手机发送短信（兼容ios和android）

最新推荐文章于 2024-06-25 22:37:16 发布

我总是词不达意

最新推荐文章于 2024-06-25 22:37:16 发布

阅读量2k

点赞数

分类专栏： vue3 前端 uniapp 文章标签： vue.js 智能手机前端 uni-app

本文链接：https://blog.csdn.net/weixin_43743175/article/details/133775984

版权

前端同时被 3 个专栏收录

86 篇文章 3 订阅

订阅专栏

25 篇文章 1 订阅

订阅专栏

uniapp

17 篇文章 0 订阅

订阅专栏

移动端h5页面调起手机发送短信功能，ios和android的兼容写法不一样。

android

window.location.href = `sms:10086?body=${encodeURIComponent('Hello, 测试短信发送')}`

ios

window.location.href = `sms:10086&body=${encodeURIComponent('Hello, 测试短信发送')}`

//或者

window.location.href =`sms:/open?addresses=10086&body=${encodeURIComponent('Hello, 测试短信发送')}`;

<template>
   <view @click="openNewSmsPage"></view>
</template>

<script lang="ts" setup>
//点击唤起短信发送
const openNewSmsPage = () => {
  const phoneNumber = '10086' // 目标手机号码
  const message = 'Hello, 测试短信发送' // 短信内容
  let smsLink = ''
  const u = navigator.userAgent,
    isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
    isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isIOS) {
    // window.location.href = 'sms:10086&body=' + msg
    smsLink = `sms:${phoneNumber}&body=${encodeURIComponent(message)}`
    //或者
    smsLink = `sms:/open?addresses=${phoneNumber}&body=${encodeURIComponent(message)}`;
  } else {
    // sms:后面跟收件人的手机号,body后接短信内容
    smsLink = `sms:${phoneNumber}?body=${encodeURIComponent(message)}`
  }
  window.location.href = smsLink
}
</script>