点击通话：导航被阻止

Question

我正在尝试实现点击通话链接，如下所示：

<a href="tel:[phone]">Tel: [phone]</a>

根据developers.google，这应该起作用。它不会自动单击，仅在用户实际单击时触发。但是，所有主要的移动浏览器均禁止导航。

Navigation is blocked: tel:[phone]

它确实可以在Chrome桌面和Samsung Mobile Browser中工作。我也尝试通过

重定向

window.location.href = 'tel:[phone]';

但是这会导致相同的结果。

有什么想法吗？

Answer 1

自己解决。问题在于该链接位于附加到父页面的iframe中。将<a>标签更改为以下内容可以解决此问题：

<a target="_parent" href="tel:NUMBER">

[如果存在多个嵌套的iframe，则可能必须使用_top而不是_parent。