电话链接在 iframe 中不起作用，尽管它在 iOS9 Web 中的 div 中起作用。如何使电话链接在 iOS9 Safari 中起作用？

Question

您好，我在 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>

Answer 1

今天我遇到了同样的问题，并找到了一个简单的解决方案。只需使用 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>