网络营销电子商务研究中心

网络营销电子商务研究中心 (https://www.0058.net/index.php)
-   CSS, DIV, HTML (https://www.0058.net/forumdisplay.php?f=77)
-   -   移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程 (https://www.0058.net/showthread.php?t=5431)

Ardenvoir 2016-02-28 05:17 PM

移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
 
最近逍遥乐在寻找手机网页调用系统短信发送短信的功能,用于分享和发送信息。找了一圈,找到了,这里分享出来,记录一下!

如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。

采用url href链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。

1. 拨打电话

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

最常用WEB页面JS实现一键拨号的电话拨打功能

例子:
<a href="tel:10086">10086</a>

使用wtai协议进行拨打电话
<a href="wtai://wp/mc;10086">10086</a>

2. 发送短信

如果是需要调用短信的接口,可以将链接写成下面的格式:
sms:<phone_number>[,<phone-number>]*[?body=<message_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 发送邮件

就和普通的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>
(2)给test1@163.com发送主题为“testing”的邮件:
<a href="mailto:test1@163.com?subject=Testing">mail</a>
(2)给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>

其中<query>就是搜索的内容,你应用的名称

例子:
<a href="market://search?q=MyApp">MyApp</a>

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

例如:
<a href="geopoint:108.954823,34.275891">我的位置</a>


All times are GMT +8. The time now is 07:42 AM.

Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.