手机WEB页面(HTML5)实现一键拨号及短信发送功能

发布时间:2016-03-04 浏览次数:5555 文章来源:个人博客

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

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

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

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

<a href="tel:10086">拨打10086</a>

在拨号界面,显示号码,并提示拨打。

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

微信现在出现屏蔽常规拨号功能,如果出现,可以在需要拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。


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

<a href="sms:10086">发送短信到10086</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;10086">拨打10086 </a>  
<a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a> 

建议采用这个方式

key-word
页面拨号 html拨号 手机web拨号 网站拨号