H5页面唤起手机拨打电话(拨号)
在移动端页面开发中,偶尔会需要唤起用户手机的打电话功能,拨打客服电话,此时我们可以按照以下操作实现打电话功能:
拨打电话
index.html在中加入这一段
<meta name="format-detection" content="telephone=yes"/>
js文章来源:https://www.toymoban.com/news/detail-521585.html
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';
或者文章来源地址https://www.toymoban.com/news/detail-521585.html
<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
```
到了这里,关于H5页面唤起手机拨打电话(拨号)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!