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

本文主要是介绍vue移动端H5调起手机发送短信（兼容ios和android），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

移动端h6页面调起手机发送短信功能，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=' + msgsmsLink = `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）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---