在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)协议提供的接口是一个好办法。采用url href连接的方式,实如今Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。html
1. 拨打电话
在电话号码前面能够加上 + (加号)表示国际号码(例如中国:+86)。如:前端
最经常使用WEB页面tel协议实现拨号功能html5
例子:ios
使用tel协议:web
<a href=”tel:10086″>10086</a>浏览器
使用wtai协议进行拨打电话:性能优化
<a href=”wtai://wp/mc;10086″>10086</a>微信
2. 发送短信
若是是须要调用短信的接口,能够将连接写成下面的格式:闭包
sms:[,]*[?body=]框架
例如:
(1)给 10086 发短信:
<a href=”sms:10086″>发送信息</a>
(2)给 10086 发送内容为”cxye”的短信:
<a href=”sms:10086?body=cxye”>发送信息</a>
(3)给 10086 和 10010 发送内容为”cxye”的短信:
<a href=”sms:10086,10010?body=cxye”>发送信息</a>
3. Mail 发送邮件
html5没有变化,和之前html同样使用mailto
(1)给test1@163.com发送邮件:
<a href=”mailto:test1@163.com”>mail</a>
(2)给test1@163.com和test2@126.com发送邮件:
<a href=”mailto:test1@163.com,test2@126.com”>mail</a>
(3)给test1@163.com发送主题为“testing”的邮件:
<a href=”mailto:test1@163.com?subject=Testing”>mail</a>
(4)给test1@163.com发送主题为“testing”的邮件,并抄送给test3@126.com:
<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>
其中就是搜索的内容,你应用的名称
例子:
<a href=”market://search?q=MyApp”>MyApp</a>
5. 定位
<a href=”geopoint:[经度],[纬度]”>个人位置</a>
例如:
<a href=”geopoint:108.954823,34.275891″>个人位置</a>
往期精选文章 |
---|
使用虚拟dom和JavaScript构建彻底响应式的UI框架 |
扩展 Vue 组件 |
使用Three.js制做酷炫无比的无穷隧道特效 |
让你分分钟理解 JavaScript 闭包 |
小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。
本文分享自微信公众号 - 前端先锋(jingchengyideng)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。