html5下点击拨打电话或发短信
2017-04-03
前端
在做一个微信的微网站中的一个便民服务电话功能的应用，用到移动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>
<a href="tel:13764567708">拨打13764567708</a>
建议采用这个方式。
5、不太灵验的方式：
<a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>
经过测试，大部分浏览器都不支持了。
如果需要在移动浏览器中实现拨打电话，发送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>
<a href="tel:13764567708">拨打13764567708</a>
建议采用这个方式。
5、不太灵验的方式：
<a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>
经过测试，大部分浏览器都不支持了。