手机访问页面时,拨打页面中的电话号码~

来源网络下面的这篇文章主要是说,网页中的链接如何写,可以激活电话的功能。例如,页面中展示的是一个电话号码,当用户在手机浏览器里面点击这个电话号码的时候,手机会弹出拨号的面板,或者是短信程序会启动等。

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">
UniApp 是一款基于 Vue.js 的跨平台应用开发框架,它可以帮助开发者构建一套代码,同适应多个平台,包括 Web、iOS、Android 和 H5 等。在 UniApp ,如果你想要调用手机的内置功能,比如打电话,你需要利用原生的能力,因为 UniApp 提供的是封装后的接口,而不是直接访问底层操作。 在 UniApp ,调用电话号码的方式通常涉及到 `uni-app-plus` 插件的 `plus打电话` 方法。首先,你需要确保已经在项目安装了这个插件,并在运行环境(如微信小程序、H5 或原生应用)支持相应的权限请求。具体步骤如下: 1. 在项目的 `pages/index.vue` 或其他需要使用该功能的页面引入 `uni-app-plus`: ```html <template> <view> <button @click="callPhone">拨打</button> </view> </template> <script> import { plus } from '@vant/weapp'; export default { methods: { callPhone() { if (plus) { // 检查是否已获取到必要的权限 if (plus perms.has('phoneCall')) { plus.phoneCall({ number: '1234567890', // 替换为你要拨打电话号码 type: 'dial' // 拨打类型,默认为拨号 }); } else { console.log('未授权,无法拨打'); } } else { console.log('plus模块不存在,请检查是否安装并配置正确'); } } } } </script> ``` 2. 确保在项目的 `config.json` 文件设置了对相应权限的请求: ```json { "framework": { "plugins": { "plus": {} }, "permission": { "scope_phoneCall": { "desc": "您的应用需要访问通话功能" } } } } ``` 当你点击“拨打”按钮,如果用户已经授权,程序会调起设备上的拨号器,拨打指定的电话号码。记得根据实际需求替换电话号码,或者让用户输入号码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值