admin 管理员组

文章数量: 1184232

需求

vue2项目，业务需求不能多开浏览器窗口，多开会导致数据统计异常，要求多开时跳转指定静态界面。

思路

有没有一种方法可以检测同一应用程序是否打开了多个浏览器选项卡。

解决方法

sysend.js 提供了跨浏览器tabs 数据同步的能力，利用了不少浏览器的特性 (localstoreage api 以及broadcastchannel api)
打开多个页签我们就能看到效果（注意无痕模式是不支持的，机制以及数据共享的问题）

代码

安装sysend

npm install sysend

或者CDN

https://unpkg/sysend

js

<script>
import sysend from 'sysend'
export default {
  created() {
    sysend.track('ready', () => {
      sysend.list().then(tabs => {
        if (tabs.length > 0) {
            window.close()
            // window.location.href = '../index.html'
            window.location.href = 'about:blank'
        }
      })
    })
  }
}
</script>

本文标签： 窗口 新开 浏览器 JS 多开则

版权声明：本文标题：js 浏览器窗口只能开启一个，多开则关闭新开的窗口 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1768019932a3526761.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。