微网站中加入一键拨号功能代码

 在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。

如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。

采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。

1.最常用WEB页面JS实现一键拨号的电话拨打功能:

<a href="tel:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>

在拨号界面,显示号码,并提示拨打。支持大部分的浏览器,但是在QQ浏览器上支持不好。

2.最常用WEB页面JS实现一键发送短信功能:

<a href="sms:13764567708">移动WEB页面JS一键发送短信咨询功能</a>

在信息录入界面,显示发送号码,并提示录入信息。

支持大部分的浏览器,但是在QQ浏览器上支持不好。

 

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

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

 

4.使用wtai协议进行拨打电话。

代码如下所示:

实例:

<a href="wtai://wp//mc;13764567708">拨打10086 </a> 
 < a href="wtai://wp/ap;13764567708;">将10086存储至电话簿 </a> 

建议采用这个方式。

 

5、不太灵验的方式:

<a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>

经过测试,大部分浏览器都不支持了。

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uni-app小程序实现一键拨号功能可以使用wx.makePhoneCall方法。具体的操作可以参考以下代码示例: ``` <template> <view @tap="call('176xxxxxxxx')"> <text>一键拨号</text> </view> </template> <script> export default { methods: { call(phone) { uni.makePhoneCall({ phoneNumber: phone, success() { console.log('拨打成功'); }, fail() { console.log('拨打失败'); } }); } } } </script> ``` 在上述代码,通过@tap绑定了一个点击事件,当用户点击"一键拨号"时,会触发call方法。call方法使用uni.makePhoneCall方法来实现拨打电话功能。其phoneNumber参数是要拨打的电话号码。在成功或失败回调,可以添相应的处理逻辑。 请注意,代码示例电话号码是示例号码,你需要根据实际情况替换为正确的电话号码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uni-app - 拨打电话功能(在不同平台下,点击按钮触发一键拨号功能)](https://blog.csdn.net/weixin_44198965/article/details/102767859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [信小程序实现的一键拨号功能示例](https://download.csdn.net/download/weixin_38565801/12943445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [uni-app怎么实现点击一键拨打电话](https://blog.csdn.net/m0_68331234/article/details/128872892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值