Как перенаправить пользователя на урл с такой же вкладкой?

Question

[McThinker]

Есть админ панель. С целью экономии оперативы, хочу запретить открытие дублирующих вкладок. Как это реализовать?
Вижу так:

$(document).ready(function(){
    let url = location.href;
    if(localStorage.getItem("urlOrderView") === url){
      alert("Вкладка уже открыта");
      let a = window.open(url);
      a.focus(); // так не отрабатывает
    }else{
      localStorage.setItem("urlOrderView", url);
    }

    $(window).unload(function(){
      localStorage.removeItem("urlOrderView");
    })
  })

Как закрыть дубль и перенаправить в уже открытую?

Answer 1

[zkrvndm]

Вкладки могут общаться между собой посредством отслеживания события storage:

Знаете ли вы, что localStorage запускают события? Точнее, событие возникает, когда нечто добавляется, меняется или удаляется из хранилища. Это значит, что когда вы касаетесь localStorage в любой вкладке, все остальные могут узнать об этом. Достаточно прослушивать события в объекте window:

window.addEventListener('storage', function (event) {
  console.log(event.key, event.newValue);
});

Надеюсь сами догадайтесь, как это применять? Источник: https://habr.com/ru/post/250891/

Comments

[McThinker]

пока смутно понимаю зачем отслеживать изменение, если у меня только не получается перенаправить в уже открытую вкладку.

[zkrvndm]

McThinker, перенаправить в открытую вкладку нельзя, но можно принудительно закрыть новую вкладку, если она уже была открыта ранее и висит где-то среди других вкладок. Или можно наоборот, принудительно закрыть старую ранее вкладку, не трогая новую. Просто правила безопасности запрещают вкладкам принудительно переключать на себя фокус, поэтому как бы не хотела ваша старая вкладка, она не сможет вернуть себе фокус с других вкладок - иначе бы такую уязвимость использовали все кому не лень, показывая рекламу, которую с которой нельзя переключится.

[McThinker]

Надим Закиров, что значит нельзя? Не один раз видел такое поведение на разных сайтах.
Вот пример http://jsfiddle.net/jaraics/pEG3j/ откройте в разных местах например через 3 вкладки и проверьте

[zkrvndm]

McThinker, нельзя, значит нельзя. В вашем примере фокус переключается по клику, т. е. есть явное разрешение пользователя на выполнение действия, но если вы попытайтесь переключить фокус на другую вкладку асинхронно, например по таймеру или какому-нибудь вешнему сигналу, то ни черта у вас не выйдет.

Answer 2

[gimntut]

Во-первых. Никак. По сути это выход за пределы песочницы. Хакеры были бы довольны, если бы имели возможность перекидывать пользователя между закладками и путая его и отправляя на фишинговые сайты.
Во-вторых. Забота о памяти через контроль количества закладок является ответственностью пользователя. Мне было бы неприятно, если бы я не мог открыть приложение в 2х окнах, хотя мне это нужно.
В-третьих. Посмотри как эта проблема решена на https://web.whatsapp.com/

Comments

[McThinker]

в смысле никак? Зачем говорить никак, если на 100% не уверены???
Есть такая же вкладка с одним и тем же доменом, зачем одну и ту же вкладку открывать в 2х местах?
http://jsfiddle.net/jaraics/pEG3j/ вот пример. Под себя переписать не могу пока, но вопрос же решается.

[gimntut]

McThinker, Не решается. По тексту вопроса "открытие дублирующих вкладок".
Да, js может открывать окна (в современных браузерах - вкладки) и закрывать их. В этом есть смысл: сам открыл - сам закрыл. В контексте текущей задачи совет простой, скрипт не должен открывать окон, которые не нужны. Но это никак не поможет, если пользователь САМ открывает этот же url.

[Владимир]

McThinker, В примере открывается новая вкладка, каким образом это решает вашу задачу? Более того, браузер может приостановить скрипт в неактивных вкладках, каким образом вы будете слушать события в этом случае?