电话链接在 iframe 中不起作用,但在 iOS 9 Web 中的 div 中起作用。如何使电话链接在 iOS 9 safari 中正常工作?

2024-05-04

您好,我正在尝试 iOS9 中 iframe 内的电话链接。 iOS9 中的 safari 中无法打开手机应用程序。当我在里面尝试相同的链接时,它就在那里工作。

我正在尝试下面的锚标记。将此代码放入 div 中时会打开手机应用程序。但同样的代码在 iframe 中不起作用。请建议它如何在 iframe 内工作?

请使用下面的代码在 iframe 之外查看电话链接

<a href = "tel://1-408-555-5555">1-408-555-5555</a>

请使用以下代码验证 iframe 内的电话链接。

<iframe  id = "test" style = "border:none;"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a href = "tel://1-408-555-5555">1-408-555-5555</a>');
</script>

今天我遇到了同样的问题,并找到了一个简单的解决方案。只需使用 target="_parent",链接也可以在 iOS9 上的 safari 中使用。

<iframe  id = "test" style = "border:none;"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a target="_parent" href = "tel://1-408-555-5555">1-408-555-5555</a>');
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

电话链接在 iframe 中不起作用,但在 iOS 9 Web 中的 div 中起作用。如何使电话链接在 iOS 9 safari 中正常工作? 的相关文章

随机推荐