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

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

android

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

ios

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

//或者

window.location.href =`sms:/open?addresses=10086&body=${encodeURIComponent('Hello, 测试短信发送')}`;
html 复制代码
<template>
   <view @click="openNewSmsPage"></view>
</template>
TypeScript 复制代码
<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>
相关推荐
A达峰绮11 分钟前
Actix-web 框架性能优化技巧深度解析
前端·性能优化·actix-web
小白学过的代码15 分钟前
videojs增加视频源选择框小工具
javascript·vue.js·音视频
Promise52025 分钟前
用油猴脚本实现用户身份快速切换
前端·javascript
玲玲51226 分钟前
vue3组件通信:defineEmits和defineModel
前端
温柔532933 分钟前
仓颉语言异常捕获机制深度解析
java·服务器·前端
wanhengidc37 分钟前
服务器在企业中的作用与价值
运维·服务器·arm开发·安全·智能手机·玩游戏
温宇飞40 分钟前
ECS 系统的一种简单 TS 实现
前端
shenshizhong42 分钟前
鸿蒙HDF框架源码分析
前端·源码·harmonyos
凌晨起床1 小时前
Vue3 对比 Vue2
前端·javascript
clausliang1 小时前
实现一个可插入变量的文本框
前端·vue.js