html,js打电话,拨号,发短信,发邮件,激活Android市场,地图定位GP
2023-09-11 14:14:50 时间
如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。
采用url链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。
1. 打电话
在电话号码前面可以加上 + (加号)表示国际号码。如:
最常用WEB页面JS实现一键拨号的电话拨打功能
例子:
<a href="tel:10086">10086</a>
使用wtai协议进行拨打电话
<a href="wtai://wp/mc;10086">10086</a>
<a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a>
1.1 移动web页面自动探测电话号码
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
1.2 微信开发实现一键拨号出现屏蔽问题的解决方案
打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。
实例如下:
如:https://blog.csdn.net/cplvfx 上需要拨号代码,操作如下
1、https://blog.csdn.net/cplvfx 继续写拨号代码
<a href="tel:15188886666">移动WEB页面JS一键拨打号码咨询功能</a>
2、打开这个网址链接的时候,就用这个链接https://blog.csdn.net/cplvfx/#mp.weixin.qq.com
这样,微信里面的一键拨号功能就OK了
2. 短信
如果是需要调用短信的接口,可以将链接写成下面的格式:sms:<phone_number>[,<phone-number>]*[?body=<message_body>]
例如:
<a href="sms:10086">给 10086 发短信</a><br />
<a href="sms:10086?body=cxye">给 10086 发送内容为"cxye"的短信</a><br />
<a href="sms:10086,10010?body=cxye">给 10086 和 10010 发送内容为"cxye"的短信</a>
3. Mail 邮件
就和普通的html一样使用mailto
<a href="mailto:test1@163.com">mail</a>
<a href="mailto:test1@163.com,test2@126.com">mail</a>
<a href="mailto:test1@163.com?subject=Testing">mail</a>
<a href="mailto:test1@163.com?subject=Testing mailto&cc=test3@126.com">mail</a>
4. Android Market
如果希望一个链接能够激活Android市场的功能,可以把链接写成:
<a href="market://search?q=[query]">Android Market link</a>
其中<query>就是搜索的内容,你应用的名称
例子:
<a href="market://search?q=MyApp">MyApp</a>
5. 地图定位GPS
<a href="geopoint:[经度],[纬度]">我的位置</a>
例如:
<a href="geopoint:108.954823,34.275891">我的位置</a>
6. js实现以上效果
以电话和短信为例:
html
<div class="navbar-list"> <a οnclick="phonetel()">电话</a></div>
<div class="navbar-list"> <a οnclick="phonesms()">短信</a></div>
js
<script>
function phonetel(){
window.location.href = "tel:13866668888";
}
function phonesms(){
window.location.href = "sms:13866668888?body=我要订货";
}
</script>
参考文献2:http://www.cnblogs.com/skylaugh/p/3401825.html
参考文献1:https://blog.csdn.net/myfmyfmyfmyf/article/details/45219543
相关文章
- Android 开源项目android-open-project解析之(二) GridView,ImageView,ProgressBar,TextView
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- android:Cordova Android, hello Cordova ,PhoneGap android
- 【JS】js创建Object对象和构造函数的多种方法(综合示例)
- Android 正则表达式
- 腾讯Android自动化测试实战3.1.2 Robotium提供的类
- Android窗口管理分析(3):窗口分组及Z-order的确定
- Android Studio软件技术基础 —Android项目描述---1-类的概念-android studio 组件属性-+标志-Android Studio 连接真机不识别其他途径
- JS判断当前页面是在 QQ客户端/微信客户端/iOS浏览器/Android浏览器/PC客户端
- Android-ImageView的属性android:scaleType作用
- 《Android 应用案例开发大全(第二版)》——1.8节本章小结
- 《Android平板电脑开发秘籍》——3.8节技巧:创建一个Tab页式的ActionBar
- android:Android中用文件初始化sqlite数据库
- Android: 分页浏览的利器 android View Pager
- Android---- 获取当前应用的版本号和当前android系统的版本号
- android startActivityForResult的用法
- android开发 textview根据字数长度自动调整字体大小
- 聊聊JS动画库:Velocity.js
- 【Laya + TS + JS】SheetJS(js-xlsx)前端生成Excel表格
- Android应用自动化测试——理论、工具和实践(上)
- Android bluetooth介绍(两): android 蓝牙源架构和uart 至rfcomm过程
- Android学习笔记(十七)——使用意图调用内置应用程序
- 关于Android 构建
- js-原生Js汉语拼音首字母匹配城市名
- 轻松实现网页中通过链接跳转到QQ聊天界面,通过链接加QQ群,自动打开聊天对话框等等,包含电脑版和手机版的实现,示例部分Android和iOS的代码