移动端h5页面调起手机发送短信功能,ios和android的兼容写法不一样。
android文章来源:https://www.toymoban.com/news/detail-715523.html
window.location.href = `sms:10086?body=${encodeURIComponent('Hello, 测试短信发送')}`
ios文章来源地址https://www.toymoban.com/news/detail-715523.html
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>
到了这里,关于vue移动端H5调起手机发送短信(兼容ios和android)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!