点击呼叫：导航被屏蔽

Question

我正在尝试实现这样的点击调用链接：

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

根据developers.google，这应该有效。它不会自动点击，只有在用户实际点击它时才会触发。但是，所有主要的移动浏览器都阻止了导航。

Navigation is blocked: tel:[phone]

它适用于 Chrome 桌面和三星移动浏览器。我也尝试通过重定向

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

但这会导致相同的结果。

有任何想法吗？

Answer 1

我自己解决了。问题是该链接位于附加到父页面的 iframe 内。将<a>标签更改为以下内容解决了问题：<a&nbsp;target="_parent"&nbsp;href="tel:NUMBER">如果有多个在嵌套的iframe一个可能必须使用_top替代_parent。