html页面调用手机短信功能，判断安卓、苹果、微信（完整demo）

最新推荐文章于 2021-07-01 12:04:46 发布
最新推荐文章于 2021-07-01 12:04:46 发布
阅读量871 收藏 1
点赞数
文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42780323/article/details/105793969
版权

在HTML页面发送短信功能。先判断一下手机是安卓还是苹果。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>html页面调用手机短信功能，判断安卓、苹果、微信</title>

    <style>

        #btn{

            width:50%;

            height:40px;

            border-radius: 10px;

            background:linear-gradient(to right,rgb(204, 125, 125) 0%,rgb(118, 202, 241) 100%);

            margin:0 auto;

            text-align:center;

            line-height:40px;

        }

    </style>

</head>

<body>

    <div id='btn'>点击发送短信</div>

    <div id='sms' style='display:none'></div>

   

    <script>

        //假设给10086发送TDCX

        document.getElementById('btn').οnclick=function(){

             var sms=document.getElementById('sms');

             var u=window.navigator.userAgent;

             console.log(u);

             if(u.indexOf("iPhone")>-1){

                 console.log('是苹果手机哦');                

                 sms.innerHTML= " <a id='aa' href='sms:10086?body=TDCX'></a>"

                 //如果使用的uc浏览器就按安卓的写法

                 if(u.indexOf('UCBrowser')>-1){

                    sms.innerHTML= " <a id='aa' href='sms:10086&body=TDCX'></a>"

                 }

 

             }else if(u.indexOf("Android")>-1 || u.indexOf("Linux")){

                 console.log('是安卓的手机哦');

                 sms.innerHTML= " <a id='aa' href='sms:10086&body=TDCX'></a>"

 

             }else if(u.indexOf("Window Phone")){

                console.log('是window phone，手机有点老')

             }else if(u.toLowerCase.indexOf("micromessenger")>-1){

                 console.log('你也微信页面中打开了');

             }

 

             document.getElementById('aa').click()

 

        }



 

//判断设备和浏览器

 

        var sUserAgent = window.navigator.userAgent.toLowerCase();

        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

        var bIsMidp = sUserAgent.match(/midp/i) == "midp";

        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

        var bIsAndroid = sUserAgent.match(/android/i) == "android";

        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

        if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

          //  window.location.href = "WapUI/Main.html";

          console.log('进入wap')

        }

        else {

          //  window.location.href = "WebUI/Main.html";

            console.log('进入web')

        }


//判断ie版本

  1. var IeMsg="请使用ie8或ie9浏览器";  
  2. var flag = true;  
  3. if(navigator.userAgent.indexOf("MSIE")>0)  
  4. {   
  5.     if(navigator.userAgent.indexOf("MSIE 6.0")>0)  
  6.     {   
  7.     flag = false;  
  8.     }   
  9.     if(navigator.userAgent.indexOf("MSIE 7.0")>0)  
  10.     {  
  11.     flag = false;  
  12.     }   
  13.     if(navigator.userAgent.indexOf("MSIE 8.0")>0)  
  14.     {  
  15. //  alert("ie8");  
  16.     }   
  17.     if(navigator.userAgent.indexOf("MSIE 9.0")>0)  
  18.     {  
  19.     //alert("ie9");  
  20.     }   
  21. }else  
  22. {  
  23. flag = false;  
  24. }   
  25. if(!flag){  
  26.     document.getElementById("IEUse").innerHTML=IeMsg;  
  27. }  

    </script>

</body>

</html>

AILIHEIHEI
关注
JS判断页面是否是在微信中打开
猿学
12-28 1556
var u = navigator.appVersion;var wx = ((u.match(/MicroMessenger/i)) &amp;&amp; (u.match(/MicroMessenger/i).toString().toLowerCase() == 'micromessenger'));
uniapp [安卓苹果App端] - 实现APP唤起微信分享给好友和朋友圈，UniApp中实现微信分享功能全流程及示例代码，将当前页面或内容转发给微信朋友或转发到朋友圈（uni-app app端微信
最新发布
王二红
04-06 5777
uni-app，微信分享，安卓Android，苹果ios，uniapp微信一键分享，uniapp中的分享功能实现(APP，如何实现APP端的分享，uniapp分享实现，UniApp中实现微信分享功能：步骤详解与最佳实践，Uniapp打包app端实现微信分享好友、微信朋友圈，uniapp ios分享到微信，无法唤起微信应用，如何在UniApp中实现微信分享功能，uniapp APP分享到微信,通过h5页面跳转至对应的app页面，报错怎么办，没反应微信拉不起来，APP跳转到微信，uniapp分享到微信，最全的u
html判断是安卓还是苹果手机,网页能够自己判断是pc端首页还是手机android和苹果。...
weixin_39951295的博客
07-01 496
代码调用方式一 ( 推荐 兼容性好) 第一步： script type=text/javascript src=swfobject.js/script 第二步： p id=playera href=/go/getflashplayerGet the Flash Player/a to see this player./p 第三步： var s7 = new SWFObject(FlvPlayer2...
HTML 判断android ios
飞翔的熊blabla
10-19 1529
var ua = navigator.userAgent.toLowerCase(); //var isIOS = /\((iPhone|iPad|iPod)/i.test(ua); var isIOS = /\(iPad/i.test(ua); if(isIOS){     location.replace('http://slide.ipad.sina.com.cn/play.php?
html判断手机浏览器,JS判断浏览器iOS（iPhone）、Android手机移动端
weixin_42419782的博客
06-09 1180
通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。网上搜索来的，比较简单：var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+...
移动端打开HTML判断手机系统是iOS还是Android
Rm_and_Rf的博客
08-16 2517
有时候在开发APP的时候需要根据系统来判断一些特定的样式，就需要判断手机系统 在需要检测的页面中加入以下代码： <script> var a = navigator.userAgent; var isAndroid = a.indexOf('Android') > -1 || a.indexOf('Adr') > -1; //android终端 var isiOS...
微信小程序嵌入H5页面播放监控webrtc视频流1~2秒画面延迟,安卓和ios都兼容
04-23
在微信小程序中嵌入H5页面来播放监控视频流，特别是使用WebRTC技术，可能会遇到1到2秒的画面延迟问题，而这个问题需要针对iOS和Android两大操作系统进行优化以实现良好的兼容性。以下将详细探讨这一主题，以及如何...
微信小程序仿苹果计算器交互demo实现
### 微信小程序学习用demo：高仿苹果计算器：实现部分交互知识点总结 #### 微信小程序基础 微信小程序是一种不需要下载安装即可使用的应用，用户扫一扫或搜一下即可打开应用，实现触手可及的应用体验。微信小程序...
微信支付V3版（Android Demo和IOS Demo、官方文档）
06-11
微信支付V3版的核心在于其API接口，开发者可以通过调用这些接口实现商品购买、订单支付、退款等功能。此版本优化了支付流程，提高了支付成功率，并加强了安全性，包括数据加密、防钓鱼等措施。 二、Android Demo...
微信第三方登录(原生)demo【必看篇】
12-20
以上就是微信第三方登录的实现过程，包括在微信开放平台的注册、应用创建、审核、获取AppID和AppSecret，以及如何在你的网站中集成微信登录功能。需要注意的是，实际开发过程中，还需要考虑错误处理、安全策略（如...
识别手机是苹果还是安卓跳转不同页面
10-31
js识别手机系统是苹果还是安卓的，以便跳转不同的url路径
判断手机环境是否是iphoneX
01-02
把这段代码放到组件中或者js目录下，直接引用isIphoneX获取布尔值，来得到判断的结果
Html判断客户端使用的Android还是Ios
戴戴的博客
12-07 932
var userAgent = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(userAgent)) { alert("Ios客户端"); } else if (/android/.test(userAgent)) { alert("Android客户端"); } ...
html 判断iphonex,iPhoneX和iPhoneXS区别
weixin_34551601的博客
06-15 178
iPhoneX和iPhoneXS区别除了新增的金色配色之外，还有包括处理器芯片、容量版本、拍摄功能以及电池容量等方面。我们可以通过下图iPhoneX和iPhoneXS的对比更直观地了解两者之间的区别，大家也能更好地在买iPhoneX还是iPhoneXS之间做出决策。我们再来对比一下iPhoneX和iPhoneXS的价格：目前iPhoneX(64GB)售价7099元，iPhoneX(256GB)售价...
html仿短信聊天,前端开发JS模仿手机短信发送
weixin_34388311的博客
06-21 288
/p><无标题文档* {margin:0px; padding:0px;}p{margin-bottom:10px; height:32px; line-height:33px;}.iphone5 {width:411px; height:579px; background:url(http://m3.img.srcdd.com/farm4/d/2014/0821/15/54FE91F...
HTML判断判断客户端是IOS还是Android
bnk75的博客
06-14 3506
var u = navigator.userAgent;         var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端         var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端       
html5 发短信 ios,HTML5 iOS 消息应用模拟
weixin_34369440的博客
06-29 297
CSS语言：CSSSCSS确定html,body {height: 98%;position: relative;margin: 0;}body {font-family: Helvetica, Arial, serif;font-size: 16px;padding: 1%;}.wrapper {width: 612px;height: 100%;margin: 0 auto;}.phone-c...
html 短信插件,强大的响应式jQuery消息通知框和信息提示框插件
weixin_39683734的博客
06-16 506
lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件。这个插件分为两个部分：消息通知框和信息提示框。它能非常好的结合Bootstrap使用。lobibox的消息通知框和信息提示框的特点分别是：信息提示框lobibox的信息提示框可以是模态窗口，也可以不是模态窗口。允许显示多条信息。允许使用任何可用的CSS动画(animate.css)来显示和隐藏信息提示框。信息提示框可以显示不...
iphone8 html5检测,判断iPhone 8屏幕是否原装的巧妙方法，只需检查这个选项就可以了...
weixin_35255536的博客
06-09 839
各大论坛都对我们的手机进行了不错的二次攻击，不仅有各种各样的手机投诉，而且热情的网友们分享了各种经验教训。有了这些经验教训，你踏入通往手机路上的陷阱的机会就大大减少了。刚才，一个警告贴引起了编辑的注意。发布这篇文章的用户说，他用一条鱼交换了一部iPhone 8，并愉快地与它共度了一段时间。然而，当他偶然发现i8错过了“原始彩色显示”选项时，iPhone在起步时的喜悦并没有持续很长时间。对他的性质有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值