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

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

在给需要拨打电话的链接上使用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>


你可能感兴趣的:(微信微网站开发如何实现一键拨号功能)