点击呼叫：导航被屏蔽

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 target="_parent" href="tel:NUMBER">

如果有多个在嵌套的iframe一个可能必须使用_top替代_parent。