H5唤起手机打电话(拨号)和发短信功能

简介: H5唤起手机打电话(拨号)和发短信功能


在移动端页面,有时候我们需要唤起用户手机的打电话功能,拨打客服电话,以及发送短信功能,此时我们可以按照以下操作实现打电话和发短信功能

拨打电话

  • index.html在<head></head>中加入这一段
<meta name="format-detection" content="telephone=yes"/>
  • js
window.location.href = 'tel:4000-000-000';
  • 或者
<a href="tel:4000-000-000">拨打电话</a>

发送短信

  • index.html在<head></head>中加入这一段
<meta name="format-detection" content="telephone=yes"/>
  • js
// 添加内容
window.location.href = 'sms:10086?body=短信内容';
// 不添加内容
window.location.href = 'sms:10086';
  • 或者
<a href="sms:10086">发送短信</a>
<a href="sms:10086?body=短信内容"></a>

移动web页面自动探测电话号码

<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">

使用wtai协议进行拨打电话

<a href="wtai://wp//mc;10086">拨打10086 </a>  
<a href="wtai://wp/ap;10086;">存储</a>

关于微信页面出现屏蔽的情况,采用以下解决方案

解决方法如下:

1、拨号的代码还是不变,和原先的一样,

2、打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。

实例如下:

如:<a href=“tel:10086”>一键拨号</a> 上需要拨号代码,操作如下

在有这个代码的页面URl后边加上“#mp.weixin.qq.com” 如:tel:10086#mp.weixin.qq.com

文章参考:https://segmentfault.com/q/1010000002648066

目录
相关文章
|
12天前
|
XML Java Android开发
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
140 0
|
12天前
|
JavaScript 前端开发 iOS开发
移动端(vue)如何调用手机拨号功能
移动端(vue)如何调用手机拨号功能
|
6月前
|
移动开发 小程序 Android开发
|
6月前
|
小程序 JavaScript
小程序一个页面调用多个号码的手机拨号功能
小程序一个页面调用多个号码的手机拨号功能
79 0
|
6月前
|
小程序 JavaScript
小程序调出手机拨号功能
小程序调出手机拨号功能
115 0
|
8月前
|
移动开发
手机端H5加载中效果demo(整理)
手机端H5加载中效果demo(整理)
|
8月前
|
移动开发
H5手机端常见问题汇总
H5手机端常见问题汇总
|
8月前
|
移动开发
手机h5页面唤起打电话、发短信功能
手机h5页面唤起打电话、发短信功能
|
12天前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
100 0
|
12天前
|
安全 网络协议 Linux
【公网远程手机Android服务器】安卓Termux搭建Web服务器
【公网远程手机Android服务器】安卓Termux搭建Web服务器
80 0

热门文章

最新文章