单击手机网页中的链接时如何触发电话
https://stackoverflow.com/questions/1608548
-
05-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
我需要为移动设备构建一个网页。我还有一件事还没有想到：如何通过点击文字来触发电话？
我可以输入特殊的网址，例如电子邮件的mailto:标记吗？
不希望使用特定于设备的解决方案。
我知道iPhone会自动识别手机号码并为此创建一个链接，但如果可以对图像进行此操作也很棒......对于大多数移动设备也是如此。
解决方案
大多数现代设备都支持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>
其他提示
正确的URL方案是tel：[number]所以你可以这样做
<a href="tel:5551234567"><img src="callme.jpg" /></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和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>
基本上，使用<a>元素，其中href attr指向前缀为tel:的电话号码。请注意，加号可用于指定国家/地区代码，连字符可以仅供人眼使用。
MDN网络文档
https://developer.mozilla.org / EN-US /文档/网页/ HTML /元/年＃Creating_a_phone_link
HTML
<a href="tel:+491570156">+49 157 0156</a>元素（或锚元素）及其href属性会创建指向其他网页，文件，同一网页内的位置，电子邮件地址或任何其他内容的超链接URL。[＃8230 <！>]
提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑。
tel
IETF文件
https://tools.ietf.org/html/rfc3966
电话号码的
telephone-uriURI<！> quot; tel <！> quot; URI具有以下语法：
"tel:"=tel:+1-201-555-0123电话订阅者[＃8230 <！>]
<强>实施例
tel:7042;phone-context=example.com：此URI指向美联航中的电话号码 状态。包括连字符以使数字更加人性化 可读;他们将国家，地区代码和用户号码分开。
tel:863-1234;phone-context=+1-914-555：URI描述本地电话 在上下文中有效的数字<！>“example.com <！>”;。<=>：URI描述了本地 在特定电话前缀内有效的电话号码。
