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

我需要为移动设备build立一个网页。 只有一件事情我还没弄明白：怎样才能通过点击文字来触发电话？

有没有一个特殊的URL，我可以input像mailto:标签的电子邮件？

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

我知道iPhone会自动识别电话号码，并为此创build一个链接，但如果可以对图像进行此操作，那么这也是非常棒的，对于大多数移动设备也是如此。

Answer 1

大多数现代设备都支持tel：scheme。 所以使用<a href="tel:[phone]">555-555-5555</a> ，你应该很好去。

如果您想将其用于图片，则<a>标签可以处理放置在其中的<img/> ，就像其他正常情况一样： <a href="tel:[phone]"><img src="path/to/phone/icon.jpg" /></a>

Answer 2

正确的URLscheme是电话：[号码]，所以你会的

 <a href="tel:[phone]"><img src="callme.jpg" /></a> 

Answer 3

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

 <a href="tel:[phone]">Call 123-4567</a> 

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

此外，你应该知道，Skype（这是相当stream行）默认使用不同的语法（但可以参数使用tel :)。

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

但是，我认为在最新的移动浏览器（我确实知道Android）中， tel语法应该提供一个可用的应用程序popup窗口，可以用来完成调用操作。

Answer 4

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

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

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

电话号码链接可以使用破折号，如上所示，或者没有它们，以及在下面的示例中：

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

只要电话号码设置为“tel：[phone]”就可以使用链接中的任何文本，如下例所示：

 <a href="tel:[phone]">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>