href = tel:555链接无法在移动Safari中使用

Iol*_*olo 15 html html5 hyperlink mobile-safari ios

我正在设计一个移动页面,并使用以下(标准,我相信)代码使电话拨打电话号码.

<a href="tel:555-1234567" class="call"><img src="graphics/call-icon.gif" alt="call-icon" width="45" height="50"></a>
Run Code Online (Sandbox Code Playgroud)

这在Android中运行良好,但Mobile Safari我收到以下错误:

无法打开页面
Safari无法打开页面,因为地址无效

Ben*_*Ben 14

你的加价很好,它适用于我的iPhone(3GS,运行4.3.5).它在iOS模拟器上不起作用(是的,有"无法打开页面 - Safari无法打开页面,因为地址无效"错误),但是我不会指望它,因为你无法制作调用它(要么是旧版本的iOS有问题).

  • ...2020 年仍然会发生 (5认同)
  • 您需要提供完整的电话号码,包括国家/地区前缀。然后在 Safari 中,至少版本 14 可以正常工作。 (2认同)

cho*_*own 9

在你的<head>投入:

<meta name="format-detection" content="telephone=yes">
Run Code Online (Sandbox Code Playgroud)

来自Safari HTML参考:

这启用或禁用iOS上Safari中网页中可能的电话号码的自动检测.语法讨论默认情况下,iOS上的Safari会检测任何格式化为电话号码的字符串,并使其成为调用该号码的链接.指定telephone = no将禁用此功能.可用性适用于iOS 1.0及更高版本.支持级别Apple扩展.


Jam*_*ams 6

要在Safari/iOS中使用电话号码,您需要正确格式化电话,就像旧广告中列出的那样.

<a href="tel:1-555-123-4567" class="call">
----- OR -----
<a href="tel:15551234567" class="call">
Run Code Online (Sandbox Code Playgroud)

  • 这可能比我的回答更好.) (2认同)

小智 6

您可能想要添加target="_blank"超链接标记。

这个对我有用。

target="_blank"在此链接中阅读更多相关内容