iPhone Safari浏览器iframe内Applink无法调起移动应用问题

问题原因 #

iOS Safari 出于安全沙箱限制，默认禁止iframe内部直接发起自定义URI Scheme跳转，只有顶层窗口的用户主动触发的导航动作才能正常唤起App，这是Safari独有的策略，和其他移动端浏览器内核逻辑不同。

可落地解决方案 #

方案1：直接操作顶层窗口跳转 #

修改原跳转逻辑，将iframe内的局部location赋值改为操作顶层窗口的location：

function openApp(){
    top.location.href = "myapp://someUrl"; 
}

注意：跳转逻辑必须放在用户主动触发的交互回调（比如点击、触摸事件的回调函数）中执行，放在页面自动执行的逻辑（如onload、setTimeout回调）中会被Safari判定为恶意跳转直接拦截。

方案2：动态创建带_top目标的锚点模拟点击 #

如果iframe和父页面跨域，操作top.location被限制，可以用创建a标签模拟点击的方案，兼容性更高：

function openApp(){
    const invokeLink = document.createElement('a');
    invokeLink.href = "myapp://someUrl";
    // 指定跳转目标为顶层窗口
    invokeLink.target = "_top";
    document.body.appendChild(invokeLink);
    invokeLink.click();
    document.body.removeChild(invokeLink);
}

兜底兼容方案 #

如果以上两种方案仍有小概率失效，可以搭配iOS专属的Universal Link（通用链接）替换自定义Scheme，Universal Link本身是标准HTTPS链接，天然触发顶层窗口跳转，完全不受iframe限制，只要提前在苹果开发者后台完成域名和App的关联配置即可正常唤起。

内容的提问来源于stack exchange，提问作者Chris Kim