移动端网页站点调用拨打电话发送短信等功能

1. 打电话
在android的浏览器中，如果电话号码是 XXX-XXX-XXXX的型式的话，用户点击的时候，拨号面板会激活，但是如果不是这一特定的格式，那么拨号功能是不会启动的。其实可以通过链接的方式激活拨号面板。
(1) IPhone的写法
[phone_number] 就是电话号码了

1. <a href="callto:[phone_number]">phone_number</a>

复制代码

例子：

1. <a href="callto:12345678">12345678</a>

复制代码

(2) Android的写法
[phone_number] 就是电话号码了

1. <a href="wtai://wp/mc;[phone_number]">phone_number</a>

复制代码

例子：

1. <a href="wtai://wp/mc;12345678">12345678</a>

复制代码

在电话号码前面可以加上 + （加号）表示国际号码。如：

1. <a href="wtai://wp/mc;[phone]">[phone]</a>

复制代码

2. 短信
如果是需要调用短信的接口，可以将链接写成下面的格式：sms:<phone_number>[,<phone-number>]*[?body=<message_body>]
例如：

1. <a href="sms:12345678">给12345678发短信</a>

复制代码

1. <a href="sms:12345678?body=hello">给12345678发送内容为"hello"的短信</a>

复制代码

1. <a href="sms:12345678,98765432?body=hello">给12345678和98765432发送内容为"hello"的短信</a>

复制代码

3. Android Market
如果希望一个链接能够激活Android市场的功能，可以把链接写成：

1. <a href="market://search?q=[query]">Android Market link</a>

复制代码

其中<query>就是搜索的内容，你应用的名称例子：

1. <a href="market://search?q=MyApp">MyApp</a>

复制代码

4. Ovi Store
这是诺基亚Nokia的一个应用市场。

1. <a href="http://store.ovi.com/content/XXXXX">MyApp</a>

复制代码

XXXX就是你的应用的ID（application Id）。


5. Windows Marketplace
微软的应用市场

1. <a href="http://marketplace.windowsphone.com/details.aspx?appId=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx">MyApp</a>

复制代码

其中 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx 只的就是应用的ID


6. BlackBerry App World
黑莓的应用市场

1. <a href="http://appworld.blackberry.com/webstore/content/XXXXX">MyApp</a>

复制代码

链接中的XXXX就是应用ID。下面这个是作者页面的URL

1. <a href="http://appworld.blackberry.com/webstore/vendor/XXXX">MyApp</a>

复制代码

其中的XXXX是指作者的ID


7. 地图定位GPS
<a href="geopoint:[经度],[纬度]">我的位置</a>
例如：

1. <a href="geopoint:100,23">我的位置</a>

复制代码

8. 聊天工具
(1) Yahoo Messager
<a href="ymsgr:[动作]?[用户名]&m=[消息]">Yahoo Messager</a>
[动作]有：addfriend, sendIM, call例子：

1. <a href="ymsgr:sendIM?[e-mail]">给[e-mail]发消息</a>

复制代码

(2) Windows Messager (MSN)
    <a href="msnim:[动作]?contact=[用户名]">Windows Messager</a>
        [动作]有：chat （聊天）, add （添加成联系人）, voice （语音）, video （视频）
例子：

1. <a href="msnim:chat?contact=[e-mail]">MSN</a>

复制代码

(3) Google Talk (GTalk)
   <a href="gtalk:[动作]?jid=[用户名]&from_jid=[自己的用户名]">GTalk</a>
   [动作]有：chat （聊天），call （语音）例子：

1. <a href="gtalk:chat?jid=[e-mail]&from_jid=[e-mail]">GTalk</a>

复制代码

(4) Skype
   <a href="skype:[用户名]?[动作]">Skype</a>
   [动作]有：chat, add, userinfo, voicemain
例子：

1. <a href="skype:mySkypeId?chat">Skype</a>

复制代码

9. Mail
邮件就和普通的html一样使用mailto

1. <a href="mailto:[e-mail]"></a>

复制代码

1. <a href="mailto:[e-mail],[e-mail]"></a>

复制代码

1. <a href="mailto:[e-mail]?subject=Testing"></a>

复制代码

1. <a href="mailto:[e-mail]?subject=Testing mailto&cc=[e-mail]"></a>

复制代码

现在一般用在链接上加入<a href="tel:[phone]">

长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”，带你了解最新的前端技术。