移动端网页通过HTML5特性实现一键拨号的功能

2016/10/29 22:55:31 人评论 次浏览 分类:服务号开发


    目前移动端浏览器除了手机自带的浏览器之外,就是微信浏览器。随着微信用户的增长越来越多的人使用微信浏览器。
最近在开发基于微信公众号的微商城的功能,商家设置客服的联系电话,需要在微商城的首页的拨号的按钮设置一键拨号的功能。

    这个一键拨号的功能可不仅用在微商城的,能够在手机网页能够实现一键拨号的功能,还是比较能提高用户体验的。用户在进行网页浏览的时候就可以直接点击拨号的链接按钮,快捷地实现一键拨打电话的功能。移动端网页的一键拨号的功能在很多做服务类的微信公众号的web网站中也是比较常用的。

    这里的实现的是使用移动端浏览器的HTML5的特性实现一键拨号的功能,这里不需要通过JS实现。这个实现方法在微信浏览器或者手机浏览器等支持Html5的浏览器都通用。主要通过HTML中的a标签的href属性通过Tel和wtai 的方式实现。

    只要加入以下代码就可以实现移移动端网页一键拨号的功能,例:

    【通Tel的方式实现一键拨打电话】
     <a href="tel:1008611">1008611</a>

    用户点击链接之后,在拨号界面,显示号码,并提示拨打。这种方式在塞班系统、安卓系统与iphone的IOS的系统都支持,支持大部分的移动端浏览器,其中在QQ浏览器上支持不太理想。如果基于微信开发的网页就不用担心其他的浏览器的兼容问题。如果在电话号码的前面加上‘ + ’(加号)可表示国际号码。

    【通wtai协议的方式实现一键拨号】
     <a href="wtai://wp/mc;1008611">拨打1008611</a>
     < a href="wtai://wp/ap;1008611;">将1008611存至电话簿 </a>

    推荐使用这个方式。



相关资讯