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

时间:2022-11-10 13:57:27
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;+12345678">+12345678</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?my.account@yahoo.com">给my.account@yahoo.com发消息</a>
复制代码
(2) Windows Messager (MSN)
    <a href="msnim:[动作]?contact=[用户名]">Windows Messager</a>
        [动作]有:chat (聊天), add (添加成联系人), voice (语音), video (视频)
例子:
  1. <a href="msnim:chat?contact=my.account@hotmail.com">MSN</a>
复制代码
(3) Google Talk (GTalk)
   <a href="gtalk:[动作]?jid=[用户名]&from_jid=[自己的用户名]">GTalk</a>
   [动作]有:chat (聊天),call (语音)例子:
  1. <a href="gtalk:chat?jid=your@gmail.com&from_jid=my@gmail.com">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:nobody@wordpress.com"></a>
复制代码
  1. <a href="mailto:nobody@wordpress.com,no.one@wordpress.com"></a>
复制代码
  1. <a href="mailto:nobody@wordpress.com?subject=Testing"></a>
复制代码
  1. <a href="mailto:nobody@wordpress.com?subject=Testing mailto&cc=no.one@wrodpress.com"></a>
复制代码

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


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

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