safari浏览器执行windows.open的时候，无法打开新的标签页

safari浏览器为什么执行windows.open的时候，无法打开新的标签页

Safari 浏览器在执行 window.open 时无法打开新的标签页，是因为 Safari 内置了一个安全机制，旨在拦截通过代码自动执行的窗口或标签页弹出操作。这一机制是为了防止恶意网站或广告自动打开新页面而影响用户体验。

原因分析

1. 安全机制拦截：Safari（包括桌面版和移动版）会拦截不是直接由用户交互触发的 window.open 调用。例如，如果 window.open 在异步操作（如 AJAX 回调）或自动执行的脚本中被调用，会被浏览器认定为非用户触发的操作，从而被拦截。

2. 用户交互需求：为了防止广告或恶意网站的自动弹出，Safari 要求只有在用户直接点击或进行其他交互操作时，window.open 才能成功打开新的标签页。

解决方案

虽然用户的问题是“为什么”，但提供解决方案有助于更全面地回答：

1. 确保用户交互触发：将 window.open 调用放置在用户交互事件（如点击事件）的回调中。
2. 使用 setTimeout：将 window.open 放在 setTimeout 中执行，使其在主线程上运行，避免被浏览器拦截。

   setTimeout(() => {
       window.open(url, '_blank');
   }, 0);
   

参考链接

• MDN - Window: open() 方法
• CSDN - 解决 Safari 浏览器无法通过 window.open 在新标签页打开链接的问题

总结

Safari 浏览器无法在执行 window.open 时打开新的标签页，主要是因为浏览器的安全机制拦截了非用户触发的窗口打开操作。确保通过用户交互或适当的方法（如 setTimeout）来调用 window.open 可以解决这一问题。