微信开发之实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动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> 
建议采用这个方式。
 
5、不太灵验的方式:
<a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>
经过测试,大部分浏览器都不支持了。
 
 
 
WebApp调用手机相册或摄像头、拨打电话
2017年12月20日 16:48:52 阅读数:334更多
个人分类: HTML
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Anmi1416/article/details/78854995
最近在做一个项目,需到用到打开手机相册、拍照和拨打电话功能
 
打开相册:
<input type="file" accept="image/*">
#accept 属性只能与 <input type="file"> 配合使用
它规定能够通过文件上传进行提交的文件类型
accept="image/jpg,image/gif"
可以接受 GIF 和 JPEG 两种图像
如果不限制图像的格式,可以写为:accept="image/*"
打开相机:
<input type="file" accept="image/*" capture="camera"/>
#capture 属性表示需要使用的系统功能
camera——相机,相应的accept为image
camcoder——摄像机,相应的accept为video
microphone——录音,相应的accept为audio
打开相册或相机:
<input type="file" accept="image/*" multiple="multiple"/>
#multiple 属性规定输入的字段可以选择多个值。专门用来支持多选的,若有这个属性,capture属性无效
 
 
 
1、实现打电话或发短信
  1. <a href="tel:10010">拨打10010</a>
  2. <a href="sms:10010">发短信</a>
 
2、实现打开相册
<input type="file" accept="image/*"/>
 
3、实现打开相机
<input type="file" capture="camera" accept="image/*"/>
 
 
 
 
3. Mail 邮件
就和普通的html一样使用mailto
复制代码
1 <a href="mailto:test1@163.com">mail</a> 2 3 <a href="mailto:test1@163.com,test2@126.com">mail</a> 4 5 <a href="mailto:test1@163.com?subject=Testing">mail</a> 6 7 <a href="mailto:test1@163.com?subject=Testing mailto&cc=test3@126.com">mail</a>
复制代码
 
4. Android Market
如果希望一个链接能够激活Android市场的功能,可以把链接写成:
1 <a href="market://search?q=[query]">Android Market link</a>
其中<query>就是搜索的内容,你应用的名称
例子:
1 <a href="market://search?q=MyApp">MyApp</a>
5. 地图定位GPS
1 <a href="geopoint:[经度],[纬度]">我的位置</a>
例如:
1 <a href="geopoint:108.954823,34.275891">我的位置</a>
 
此为借鉴他人,具体链接已忘记
 
 

posted @ 2020-12-04 20:31  诸天一根草凡尘一粒沙  阅读(404)  评论(0编辑  收藏  举报