单击手机网页中的链接时如何触发电话

时间:2009-10-22 16:52:45

标签: html phone-call mobile-phones url-protocol

我需要为移动设备构建一个网页。我还有一件事还没有想到:如何通过点击文字来触发电话?

我是否可以输入特殊网址,例如电子邮件的mailto:标记?

不希望使用特定于设备的解决方案。

我知道iPhone会自动识别手机号码并为此创建一个链接,但如果可以对图像进行此操作也很棒......对于大多数移动设备也是如此。

6 个答案:

答案 0 :(得分:772)

大多数现代设备都支持tel:scheme。所以使用<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>

答案 1 :(得分:53)

正确的URL方案是tel:[number]所以你可以这样做

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

答案 2 :(得分:40)

为了完整起见,想在此处添加答案。

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

在大多数设备上运行正常。但是,在桌面上,这将显示为一个链接,当您单击它时不会执行任何操作,因此您应该考虑使用CSS使其仅在移动设备上有条件地可见。

另外,你应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel :)。

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

但是,我认为在最新的移动浏览器中(我在Android上肯定知道)现在tel语法应该提供一个可用于完成调用操作的可用应用程序的弹出窗口。

答案 3 :(得分:18)

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

以下链接可用于制作可点击的电话链接。您可以复制下面的代码并将其粘贴到您的网页中,然后使用您的电话号码进行编辑。此代码可能无法在所有手机上使用,但适用于iPhone,Droid / Android和Blackberry。

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

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

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

只要使用&#34; tel:18475555555&#34;设置电话号码,也可以使用链接中的任何文本。如在这个例子中:

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

以下是您可以查看的可点击电话超链接。在大多数非手机浏览器中,此链接会为您提供一个&#34;无法显示网页&#34;错误或什么都不会发生。

注意: iPhone Safari浏览器会自动检测网页上的电话号码,并将文本转换为通话链接,而不使用此页面上的任何代码。

Wtai智能手机链接代码: wtai或&#34;无线电话应用接口&#34;链接代码如下所示。此代码被认为是正确的手机协议,可以在Droid等智能手机上使用,但是,它可能不适用于iPhone上的Apple Safari,建议使用上述代码。

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

答案 4 :(得分:2)

本质上,请使用<a>元素和一个href属性,该元素指向以tel:为前缀的电话号码。请注意,加号可用于指定国家/地区代码,连字号可仅用于人眼。

MDN Web文档

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

  

HTML <a>元素(或锚元素)及其href属性创建指向其他网页,文件,同一页面中的位置,电子邮件地址或其他地址的超链接。任何其他URL。

     

[…]

     

提供电话链接有助于用户查看Web文档和连接到电话的笔记本电脑。

     

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

IETF文档

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

  

电话号码的tel URI

     

“ tel” 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描述了本地        在特定电话前缀内有效的电话号码。

答案 5 :(得分:0)

只需使用HTML锚标记<a>,并以href开始属性tel:。我建议以国家/地区代码开头的电话号码。请注意以下示例:

<a href="tel:+989123456789">NO Different What it is</a>

在此示例中,国家/地区代码为+98

提示 :它非常适合手机,我知道在macOS上有tel:个前缀调用FaceTime,但在Windows上我不确定,但我猜它是导致启动Skype的原因。

更多信息:您可以访问the list of URL schemes supported by browsers来了解所有href值前缀。