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

大多数现代设备都支持 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>

---

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

---

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

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

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

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

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

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

---

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

以下链接可用于制作可点击的电话链接。您可以复制下面的代码并将其粘贴到您的网页中，然后使用您的电话号码进行编辑。此代码可能不适用于所有手机，但适用于 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>

只要电话号码设置为“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> 

---

本质上，使用带有 href 属性的 <a> 元素指向以 tel: 为前缀的电话号码。请注意，加号可用于指定国家代码，而连字符可用于简单地用于人眼。

MDN 网络文档

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

HTML 元素（或锚元素）及其 href 属性创建了指向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。 [...] 提供电话链接有助于用户查看网络文档和连接到电话的笔记本电脑。 +49 157 0156

IETF 文件

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

电话号码的 tel URI “tel” URI 具有以下语法：telephone-uri = “tel:”telephone-subscriber […] 示例 tel:+1-201-555-0123：此 URI 指向电话号码美国。包含连字符是为了使数字更易于阅读；它们将国家、地区代码和用户号码分开。 tel:7042;phone-context=example.com：URI 描述了在上下文“example.com”中有效的本地电话号码。 tel:863-1234;phone-context=+1-914-555：URI 描述了在特定电话前缀内有效的本地电话号码。

---

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

<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 值前缀。

---

此时（2021 年）要在 PC 或平板电脑和 Android 中工作（未在 IOS 中测试但应该可以工作）您需要将 data-rel="external" 添加到“a”标签，例如：

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

---