admin管理员组文章数量:1026989
首先,我们先来说一下在什么情况下,新窗口会被阻截,以及阻截的原因。
当使用 window.open(url,"_blank")打开新窗口时,如果url是通过ajax从后台获取
到的时候,浏览器就会出现拦截的问题。
因为,当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告,不是一个用户希望看到的页面。
那么,我们就要考虑,如何才能将ajax请求的url,不被浏览器拦截呢?
我之前也看过很多方法是说,先在发送ajax之前,打开一个空白页,然后,再将ajax获
取到的url赋给新打开的空白窗口,确实,这样解决了上面说的问题,但是我认为,这样的体验并不好,因为如果,在网速比较慢的情况下,ajax请求的时间过长,url长时间不能赋值,新窗口就会出现空白时间过长的问题。这样用户就可能将空白页手动关掉,从而就会出现一系列的问题。
那么,还有什么方法可以解决呢? 好了,重点来了(此处方法是基于vue的,其他框架或源生,思路是一样的,可以自行研究)
上边我们说了,通过ajax获取到的url,会被浏览器判定为不安全链接,被拦截,那么我们还有没有其他办法呢?当然!前几天,我在一个项目中看到过一个这样的需求,点击按钮,发送ajax,请求一个远程连接的url,将获取到的url放在一个弹框中显示,然
首先,我们先来说一下在什么情况下,新窗口会被阻截,以及阻截的原因。
当使用 window.open(url,"_blank")打开新窗口时,如果url是通过ajax从后台获取
到的时候,浏览器就会出现拦截的问题。
因为,当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告,不是一个用户希望看到的页面。
那么,我们就要考虑,如何才能将ajax请求的url,不被浏览器拦截呢?
我之前也看过很多方法是说,先在发送ajax之前,打开一个空白页,然后,再将ajax获
取到的url赋给新打开的空白窗口,确实,这样解决了上面说的问题,但是我认为,这样的体验并不好,因为如果,在网速比较慢的情况下,ajax请求的时间过长,url长时间不能赋值,新窗口就会出现空白时间过长的问题。这样用户就可能将空白页手动关掉,从而就会出现一系列的问题。
那么,还有什么方法可以解决呢? 好了,重点来了(此处方法是基于vue的,其他框架或源生,思路是一样的,可以自行研究)
上边我们说了,通过ajax获取到的url,会被浏览器判定为不安全链接,被拦截,那么我们还有没有其他办法呢?当然!前几天,我在一个项目中看到过一个这样的需求,点击按钮,发送ajax,请求一个远程连接的url,将获取到的url放在一个弹框中显示,然
版权声明:本文标题:基于vue,解决打开新窗口被浏览器拦截的问题 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://it.en369.cn/jiaocheng/1737921550a1521402.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论