window.open()拦截

背景是遇到需要实现选择不同的选项后跳转页面,有一些是跳的外链,所以需要在新的选项卡打开。

Location可以实现跳转是没问题的,但是实现不了新窗口打开。

原来记得window是可以,但是是被大部分浏览器阻止的。查了下看看。

发现浏览器阻止window.open是有条件的。


大部分现代的浏览器(泛指 Chrome / Firefox / IE 10+ / Safari)都默认开启了阻止弹出窗口的策略,原因是 window.open 被广告商滥用,严重影响用户的使用。这个阻止弹出窗口的操作,并不是直接封杀 windw.open(),而是会根据用户的行为来判断这次 window.open() 是否属于流氓操作。

如果是由用户触发的动作所引起的 window.open 就不会被浏览器所阻止,比如写在 onclick 这些事件 handler 里的,但如果是代码自己触发的就被阻止。


但是如果window.open是在ajax请求完成后的方法里,也会被阻止。也有人试验了哪怕用户点击了加上一定的延迟也是会被拦截的。

本人也试验加了2000ms的延迟的时候确实被拦截了,1000ms的没有拦截。

所以尽量在新窗口打开的时候不要再异步操作里实现吧

window.open()被部分浏览器拦截问题

viewProfile() {

        if (this.personalProfile) {

            setTimeout(function(){

                window.open('https://my.******.com/group/profile', '_blank');

            },  2000)

        } else {

            this.router.navigate(['/profile']);

        }

    }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 使用js跳转的过程当中遇到了window.open()被chrome内核的浏览器拦截的问题。 原因分析 出于安全考...
    ppmoon阅读 12,533评论 1 51
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,888评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,547评论 2 59
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,252评论 19 139
  • 出轨的动机里寻求新鲜和刺激有多大成分
    九十九度女子Eleven阅读 1,306评论 0 0

友情链接更多精彩内容