Safari浏览器中window.open重定向后二次加载HTTPS提示不安全问题咨询

嘿，这绝对是Safari专属的“安全洁癖”坑！我之前帮朋友排查过类似问题，咱们来一步步搞定它～

首先，先拆解下你的场景：第一次用window.open打开HTTPS链接完全正常，但第二次就触发“连接不安全”警告，这大概率和Safari对弹出窗口的安全上下文管理、窗口复用策略有关。

可能的原因 #

• Safari对_blank命名的窗口会默认复用已有上下文，第二次打开时，浏览器的安全检查机制可能误判窗口的安全状态
• 目标站点的SSL证书或安全配置存在边缘问题（比如证书链不完整、存在混合内容），第一次加载时缓存了安全状态，第二次触发了更严格的检查

针对性解决方案 #

1. 改用动态唯一的窗口名，避免复用上下文

这是最有效的解决方案！把固定的_blank换成每次都不一样的窗口名，比如用时间戳生成，让Safari认为每次都是全新的弹出窗口，不会复用之前的安全上下文。修改后的代码如下：

function openInstaplayWindow() {
    var new_window_height = window.innerHeight;
    var new_window_position = (window.screen.width * window.devicePixelRatio) / 2;
    new_window_position = new_window_position - 195;
    var params = `width=390,height=`+ new_window_height + `,left=` + new_window_position + `,top=0,resizable=no`;
    // 生成唯一窗口名，避免复用
    var uniqueWindowName = 'instaplay_' + Date.now();
    var newWindow = window.open("https://www.pokertempo.com/instaplay-desktop", uniqueWindowName, params);
}

2. 检查目标站点的安全配置

• 确认目标域名的SSL证书是完全有效的：没有过期、域名匹配正确、证书链完整（可以直接在Safari里查看证书信息：点击地址栏锁图标 → 查看证书）
• 检查目标页面是否存在混合内容：比如HTTPS页面里加载了HTTP协议的图片、脚本等，Safari对混合内容的限制非常严格，第一次可能没触发检查，第二次就会报错

3. 强制刷新弹出窗口（兜底方案）

如果上面的方法都没解决，可以尝试在窗口加载完成后强制刷新一次，修复可能的安全上下文异常：

function openInstaplayWindow() {
    // 原有代码保持不变
    var new_window_height = window.innerHeight;
    var new_window_position = (window.screen.width * window.devicePixelRatio) / 2;
    new_window_position = new_window_position - 195;
    var params = `width=390,height=`+ new_window_height + `,left=` + new_window_position + `,top=0,resizable=no`;
    var uniqueWindowName = 'instaplay_' + Date.now();
    var newWindow = window.open("https://www.pokertempo.com/instaplay-desktop", uniqueWindowName, params);
    
    // 窗口加载完成后刷新一次
    if (newWindow) {
        newWindow.addEventListener('load', function() {
            newWindow.location.reload();
        });
    }
}

4. 检查Safari隐私设置

让用户暂时关闭Safari的“阻止跨站跟踪”选项（路径：Safari偏好设置 → 隐私 → 取消勾选“阻止跨站跟踪”），测试是否是隐私设置导致的安全验证异常。如果关闭后正常，那说明站点的跨域配置需要调整。

总之，Safari的安全机制比其他浏览器更保守，核心就是避免窗口复用，同时确保目标站点的安全配置没有漏洞。

内容的提问来源于stack exchange，提问作者Shubham Jainwal