微信微网站开发如何实现一键拨号功能
博客专区 > xinson 的博客 > 博客详情
微信微网站开发如何实现一键拨号功能
xinson 发表于3年前
微信微网站开发如何实现一键拨号功能
  • 发表于 3年前
  • 阅读 81
  • 收藏 3
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 微信微网站开发如何实现一键拨号功能

最近在给公司做的微网站里面有需要实现一键拨打电话号码的功能,在用手机正常去访问微网站的时候是可以实现拨打电话功能的。不过这里先讲下如何在网页上实现手机拨号功能吧。

在给需要拨打电话的链接上使用tel属性,具体如下:

<a href="tel:928800100">928800100</a>

当你用手机访问了该网页的时候,你就可以点击这个超链接进行拨号了,是不是很便捷?的确是。

可是当把微网站通过微信去访问的时候发现这个拨打电话的功能失效了,为此我还特意联系了腾讯QQ客服询问了下,不过被告知“非我司业务范围”,蛋疼,然后认真看了下度娘上的资料才发现是这样做滴:

如果你的某个页面需要出现拨打电话功能,那么你需要在该页面的url地址后面加上#mp.weixin.qq.com。假设我网站首页有个链接,需要链接到某个页面,在这个页面里面有个一键拨号操作,那我具体如何操作呢?看下面示例代码:

<a href="callnumber.html">联系我们</a><!--假设这是首页的一个链接,callnumber.html里面有个拨号功能-->
 
<a href="tel:928800100">928800100</a><!--callnumber.html里面的拨号功能-->
 
<!--那么你只需要将首页里面的“联系我们”这个超链的URl改成:-->
 
<a href="callnumber.html#mp.weixin.qq.com">联系我们</a>


共有 人打赏支持
粉丝 16
博文 132
码字总数 29814
×
xinson
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: