html - 电话号码未显示在 iOS 上的 safari 中

标签 html ios safari phone-number

我有一个包含以下文本的 html 页面:

<font face="Tahoma, Geneva, sans-serif">Please contact our sales person by email: salesperson@company.com or by phone: 888-888-8888</font>

它在除 iOS 上的 Safari 之外的所有浏览器中都显示良好。号码就在那里,因为你可以点击它,iOS 设备会提示你调用这个号码。它只是不可见。

我找到的解决方案之一是在页面头部添加以下代码行:

<meta name="format-detection" content="telephone=no" />

该号码变得可见,但 Safari 不再将其识别为电话号码,因此用户无法进行点击通话。

另一种解决方案是将电话号码设为链接:

<a href="tel:888-888-8888" style="color:#000">888-888-8888</a>

但在那种情况下,IE 实际上会尝试转到“tel:888-888-8888”链接,因此它根本不是最佳解决方案。

所以问题是:是否可以将电话号码保留为文本,但在 iOS 设备上的 Safari 中使其作为电话号码可见和可识别?

附加信息:

字体是白色的,因为它是在链接的 CSS 文件中指定的。我不想更改它,因为这会影响所有其他假定为白色的链接。只有 iOS 上的 safari 会从电话号码建立超链接。

最佳答案

尝试创建与原始链接相同的单独类,并使代码中的每个链接都成为该类的链接。将电话号码保留为纯文本。它应该有效。

关于html - 电话号码未显示在 iOS 上的 safari 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22915881/

相关文章:

运行 Infragistics SparkLineChart 示例时出现 Javascript 错误

ios - YouTube iFrame API 在 iOS 8.* 上缓冲期间挂起,特别是在无 Chrome 主屏幕 Web 应用程序中

ios - 苹果Mapkit : Map doesn't start with my given coordinates

css - HTML、CSS、内联 block Safari 浏览器

html - 选择要上传的文件会导致移动版 Safari 崩溃

javascript - protected HTML/CSS for js?我无法在运行时更改某些属性

html - 适用于iPhone/iPad的HTML5视频。如何检测连接速度?

objective-c - 在 ios 6.0 上使用 facebook sdk 3.1 将视频上传到 facebook

ios - iOS 共享扩展的 NSExtensionActivationRule 不起作用

html - 在 Safari 中看不到 boxshadow