点击通话:导航被阻止

Click to call: Navigation is blocked

我正在尝试实现点击调用 link,如下所示:

<a href="tel:+4912345678912">Tel: +4912345678912</a>

根据 developers.google 这应该有效。它不会自动点击,只有当用户实际点击它时才会触发。然而,导航在所有主要移动浏览器中都被阻止。

Navigation is blocked: tel:+4912345678912

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

重定向
window.location.href = 'tel:+4912345678912';

但这会导致相同的结果。

有什么想法吗?

我自己解决了。问题是 link 位于附加到父页面的 iframe 中。将 <a> 标签更改为以下内容解决了问题:

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

如果有多个嵌套的 iframe,则可能必须使用 _top 而不是 _parent