如何在手机上点击网页链接时触发呼叫

我需要为移动设备建立一个网页。只有一件事我还没想明白:我怎么才能通过点击文本来触发一个电话?

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

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

我知道iPhone会自动识别电话号码，并为此创建一个链接，但如果这也能用于图像，那就太好了……大多数移动设备也是如此。

1093364 次浏览
小开

正确的URL方案是[number]，所以你会这样做

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

小开
最佳答案

大多数现代设备都支持tel:方案。所以使用<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" alt="Call 555-555-5555" /></a>的其他正常情况一样

小开

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

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

在大多数设备上都可以正常工作。然而，在桌面上，这将显示为一个链接，当你点击它时，它什么也不做，所以你应该考虑使用CSS使它只在移动设备上有条件地可见。

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

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

然而，我认为在最新的移动浏览器(我确定在Android上)现在tel语法应该提供一个可用的应用程序的弹出窗口，可以用来完成调用操作。

小开

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

下面的链接可以用来制作一个可点击的电话链接。您可以复制下面的代码，并将其粘贴到您的网页，然后编辑您的电话号码。此代码可能不适用于所有手机，但适用于iPhone, Droid / Android和黑莓。

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

电话号码链接可以与破折号一起使用，如上图所示，也可以不使用破折号，就像下面的例子一样:

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

也可以在链接中使用任何文本，只要电话号码设置为“tel:18475555555”，如下例所示:

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

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

iPhone Safari浏览器将自动检测页面上的电话号码，并将文本转换为呼叫链接，而无需使用该页上的任何代码。

WTAI智能手机链接代码: WTAI或“无线电话应用程序接口”链接代码如下所示。此代码被认为是正确的移动电话协议，可以在Droid等智能手机上运行，但是，它可能不适用于iPhone上的Apple Safari，建议使用以上代码 

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

本质上，使用<a>元素和href attr指向以tel:为前缀的电话号码。注意，加号可以用来指定国家代码，而连字符可以被简单地包括在人眼中。

MDN Web文档

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

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

[…]

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

# EYZ0

IETF的文档

https://www.rfc-editor.org/rfc/rfc3966

电话号码的tel URI

“tel"URI的语法如下:

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

[…]

例子

tel:+1-201-555-0123:这个URI指向美国的电话号码 州。包含连字符是为了使数字更人性化 易读的;他们分开国家，地区代码和用户号码

tel:7042;phone-context=example.com: URI描述本地电话

tel:863-1234;phone-context=+1-914-555: URI描述一个本地

.在一个特定的电话字冠内有效的电话号码
小开

只需使用HTML锚标记<a>，并用tel:启动属性href。我建议在电话号码前写上国家代码。请注意以下示例:

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

对于本例，国家代码是+98。

< em >提示< / em >:它非常适合手机，我知道tel:前缀在macOS上调用FaceTime，但在Windows上我不确定，但我猜它导致了Skype的启动。

欲了解更多信息:您可以访问浏览器支持的URL方案列表以了解所有href值前缀。

小开

在这个时候(2021年)，要在PC或平板电脑和Android上工作(在IOS上没有测试，但应该可以工作)，你需要在"a"标签,例如:

<a href="tel:+576015000000" data-rel="external">Call Me...</a>

提交答案