iOS Safari跨域iframe跳转新页面失败，Android端正常的问题排查与解决求助

大家好，我最近遇到了一个棘手的问题：跨域iframe里的页面跳转操作在iOS Safari上完全失效，但在Android设备上却能正常运行，想向各位大佬求助排查方向和解决办法。

场景说明 #

• 页面A（某独立域名）中嵌入了一个iframe，用来加载页面B（另一个独立域名）
• 页面B内置了3秒倒计时逻辑，结束后会尝试跳转到页面C（第三个独立域名）
• 三个页面分属不同域名，属于完全跨域的场景

当前表现 #

• ✅ Android设备：倒计时结束后，页面C能够正常打开
• ❌ iOS Safari（测试了iOS 15和iOS 18版本）：倒计时结束后无任何反应，页面C始终无法打开

核心代码示例 #

页面B里的跳转逻辑代码如下：

// Inside Page B
setTimeout(() => {
    // 两种方式在iOS上均不生效
    window.open('https://page-c.com');
    // or
    window.location.href = 'https://page-c.com';
}, 3000);

已尝试的排查动作 #

• 分别测试了window.open()和直接修改window.location.href两种跳转方式，结果一致失效
• 在多台不同型号的iOS设备上验证过，问题复现率100%
• 覆盖了iOS 15和iOS 18两个版本的Safari浏览器

我的疑问 #

1. 为什么只有iOS Safari会出现这个问题？是不是Safari有特殊的跨域或用户交互相关的安全限制？
2. 有没有可行的方案能让这个跳转逻辑在iOS设备上正常工作？

补充说明：目前无法在测试设备上使用浏览器开发者工具，所有问题现象均来自实际操作观察。

备注：内容来源于stack exchange，提问作者mangoG