专栏首页京程一灯移动设备网页打电话、发短信、发邮件的html5链接实现方法

移动设备网页打电话、发短信、发邮件的html5链接实现方法

在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)协议提供的接口是一个好办法。采用url href链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。

1. 拨打电话

在电话号码前面可以加上 + (加号)表示国际号码(例如中国:+86)。如:

最常用WEB页面tel协议实现拨号功能

例子:

使用tel协议:

<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&amp;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疲劳的学习计划

全栈工程师技能大全

WEB前端性能优化常见方法

一小时内搭建一个全栈Web应用框架

干货:CSS 专业技巧

四步实现React页面过渡动画效果

让你分分钟理解 JavaScript 闭包



小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。

本文分享自微信公众号 - 京程一灯(jingchengyideng)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-09-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一些知名网站的 404 页面

    疯狂的技术宅
  • 7个开放式的前端面试题 [每日前端夜话0x2C]

    前端开发人员在为最终用户设计体验时需要充分掌控其可用性和可访问性。这个问题让面试官知道求职者对这些标准和最佳实践的了解。

    疯狂的技术宅
  • 可以用在 VS Code 中的正则表达式小技巧[每日前端夜话0x68]

    你是不是一直都想学正则表达式,但是因为它的复杂性而被推迟了?在本文中,我将向你展示五个易于学习的正则技巧,你可以立即在自己喜欢的文本编辑器中使用它们。

    疯狂的技术宅
  • Guice学习 原

        Guice的github地址: https://github.com/google/guice/wiki/Motivation

    克虏伯
  • App架构设计经验谈:展示层的设计

    三层架构中,数据层和业务层都已经做过了简单的分享,最后,就剩下展示层了。本篇就给各位分享下我在展示层设计方面的一些经验心得。

    Keegan小钢
  • 【图像分类】 标签噪声对分类性能会有什么样的影响?

    不同类型的噪声会对模型的分类性能产生什么样的影响呢,让我们一同进行实验,来探索那暗中作祟的标签噪声!

    用户1508658
  • API 接口渗透测试

    远程过程调用(英语:Remote Procedure Call,缩写为 RPC)是一个计算机通信协议。该协议允许运行于一台计算机的程序调用另一台计算机的子程序,...

    HACK学习
  • Android绘制系统简介

    Android中使用OpenGL以及 Skia Vulkan来进行跨平台的绘制. 通过客户端进程、SystemServer、SurfaceFlinger三个进程...

    None_Ling
  • NeurIPS 2019最佳论文出炉,今年增设“新方向奖”,微软华人学者获经典论文奖

    第32届神经信息处理系统大会(NeurIPS 2019)今天在加拿大温哥华正式召开。

    量子位
  • 以太坊客户端介绍

    首先我们要弄清楚,Geth,Mist,Ethereum Wallet这几个客户端的区别

    JouyPub

扫码关注云+社区

领取腾讯云代金券