原因分析:移动端safari浏览器无法通过window.open在新标签打开链接。因为浏览器为了避免弹出广告影响用户,禁用了通过代码调用超链接在新标签打开页面的功能。这就意味着,要想在新标签打开链接,只能通过用户点击a标签或者关闭浏览器的防止弹窗功能。
解决方案:只需要把打开链接的操作放到setTimeout里运行即可,因为setTimeout是在主线程运行的,因此该操作不会被浏览器认定为代码操作的,所以不会拦截。
代码如下:
//url: 需要跳转的链接
//target: '_blank'或者'_self'
setTimeout(() => window.open(url, target))