首页 前端知识 【h5移动端页面调起手机sms批量发送短信,兼容ios和android】

【h5移动端页面调起手机sms批量发送短信,兼容ios和android】

2024-05-19 09:05:12 前端知识 前端哥 303 956 我要收藏
移动端h5页面调起手机发送短信功能,实现批量发送生日祝福模板,苹果和安卓的兼容写法不一样。
  1. 先判断是ios还是android,拼接的写法不一样
  2. android是sms:188XXXXXXXX,134XXXXXXXX?body=短信内容
  location.href = 'sms:188XXXXXXXX,134XXXXXXXX?body='+this.msg;
  1. ios 是通过sms:/open?addresses=XXXX,XXX&body=短信内容
// location.href = 'sms:/open?addresses=134XXXXXXXX,182XXXXXXXX&body='+this.msg;
location.href=`sms:/open?addresses=${iosMobiles}&body=${this.msg}`;

在这里插入图片描述

// 处理android or ios
let androidMobiles = '';
let iosMobiles = '';
// 拼接需发送短信的手机号,以","分割
for(let i=0;i<this.result.length;i++){
 if(i<this.result.length-1){
     androidMobiles = androidMobiles+this.result[i].mobile+',';
     iosMobiles = iosMobiles+this.result[i].mobile+',';
 }else{
     androidMobiles = androidMobiles+this.result[i].mobile;
     iosMobiles = iosMobiles+this.result[i].mobile;
 }
}
var u=navigator.userAgent;
var isAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;
var isIOS=!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
// 安卓写法
if(isAndroid){
 // sms:后面跟收件人的手机号,body后接短信内容
 // window.location.href='sms:188XXXXXXXX,134XXXXXXXX?body='+this.msg;
 window.location.href=`sms:${androidMobiles}?body=${this.msg}`;
}else if(isIOS){
 // ios的写法
 // window.location.href='sms:/open?addresses=134XXXXXXXX,182XXXXXXXX&body='+this.msg;
 window.location.href=`sms:/open?addresses=${iosMobiles}&body=${this.msg}`;
}
                
  1. 有测试苹果8和部分安卓手机。ios和android兼容写法拼接调试了很久,所以这里记录一下。
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8858.html
标签
axiosandroid
评论
会员中心 联系我 留言建议 回顶部
复制成功!