如何点击手机在网页中的链接时,触发一个电话

问题描述 投票:431回答:5

我需要建立一个网页的移动设备。这里只有一件事我还没有想通了:我怎么可以触发通过文字的点击一个电话?

是否有一个特殊的URL,我可以进入像电子邮件的mailto:标签?

设备特定的解决方案不是优选的。

我知道iPhone会自动识别电话号码,并创建一个链接,这一点,但是这将是巨大的,如果这能为图片做太......也为大多数移动设备。

html phone-call mobile-phones url-protocol
5个回答
804
投票

大多数现代设备支持电话:方案。因此,使用<a href="tel:555-555-5555">555-555-5555</a>,你应该是好去。

如果你想使用它的图像时,<a>标签可以处理摆在那也跟其他正常的情况下<img/><a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>


58
投票

正确的URL方案为tel:[序号]所以你会怎么做

<a href="tel:5551234567"><img src="callme.jpg" /></a>

44
投票

想在这里补充一个答案为完整起见。

<a href="tel:1234567">Call 123-4567</a>

适用于大多数设备就好了。然而,在桌面上,这将表现为它做,当你点击它,所以你应该考虑使用CSS,使其只在移动设备上有条件地看到什么的链接。

此外,你应该知道的Skype(这是相当流行的),在默认情况下使用不同的语法(但是可以参数化使用电话:)。

<a href="callto:1234567">Call 123-4567</a>

不过,我想在最新的移动浏览器(我肯定知道在Android)现在tel语法应提供可用于完成呼叫动作可用应用程序的弹出窗口。


19
投票

可点击链接的智能手机的代码:

点击以下链接可以用来制造可点击电话链接。您可以复制下面的代码并将其粘贴到您的网页,然后用你的电话号码进行编辑。此代码可能无法在所有手机上运行,​​但对于iPhone,Droid的/ Android和黑莓确实工作。

<a href="tel:1-847-555-5555">1-847-555-5555</a>

电话号码的链接可以与短划线一起使用,如上述所示,或者没有它们,以及在下面的例子:

<a href="tel:18475555555">1-847-555-5555</a>

也可以,只要电话号码设置与在链接使用任何文本“电话:18475555555”作为这个例子:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

下面是一个可点击的超链接的电话,您可以检查出来。在大多数非手机浏览器这个链接会给你一个“该网页无法显示”错误或什么都不会发生。

注:iPhone Safari浏览器会自动侦测网页上的电话号码,并把文字变成了一个呼叫链接转换,而无需使用任何代码此页面上。

WTAI智能手机链路的代码:所述的WTAI或“无线电话应用接口”链接代码如下所示。此代码被认为是正确的手机协议,像Droid的智能手机将工作,但是,它可能不适合苹果iPhone上的Safari和建议上面的代码工作。

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 

2
投票

从本质上讲,使用<a>元素与href ATTR指向由tel:前缀的电话号码。需要注意的是加号可用于指定国家或地区代码,和连字符可以被简单地包含了人眼。

MDN的Web文档

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

该HTML <a>元素(或锚元素),其href属性一起,创建一个链接到其他网页,文件在同一页面中的位置,电子邮件地址,或任何其他网址。

[…]

提供手机链是用户浏览网页文件并连接到手机笔记本电脑的帮助。

<a href="tel:+491570156">+49 157 0156</a>

IETF文档

https://tools.ietf.org/html/rfc3966

对于电话号码tel URI

“电话” URI语法如下:

telephone-uri = "tel:"电话订户

[…]

例子

tel:+1-201-555-0123:此URI指向美国的电话号码。所包括的连字符以使号码更可读;他们独立国家,地区代码和用户号码。

tel:7042;phone-context=example.com:该URI描述了当地的电话号码中,“example.com”内有效。

tel:863-1234;phone-context=+1-914-555:该URI描述了当地的电话号码,这是一个特定的电话前缀内有效。

© www.soinside.com 2019 - 2024. All rights reserved.