Как понять если мой скрипт открыт в еще одной вкладке?

Question

[Anonymous Penguin]

Всем привет!
Мне нужно, чтобы скрипт работал только в одной вкладке. Если открыты еще вкладки с этим скриптом, то непосредственно они - не выполняются. Скрипт Tampermonkey.

Вот моя текущая реализация. Как сделать лучше или вообще по-другому?

const stg_config = {
  opened: 'tab-counter'
}
Array.prototype.count = function (w) {
    let c = 0;
    for (let el of this) {
        if (el === w) c++;
    }
    return c;
}
function anotherTab() {
  return new Promise(function (res, rej) {
      let queue = [];
      let check = setInterval(() => {
          queue.push(localStorage.getItem(stg_config.opened));
          if (queue.length == 3) {
              clearInterval(check);
              let result = false;
              for (let i = 0; i < 3; i++) {
                  if (queue.count(queue[i]) == 1) {
                      result = true;
                      break;
                  }
              }
              res(result);
          }
      }, 1000);
      setTimeout(() => rej('Sth went wrong'), 10000);
  });
}
async function reserveTab() {
    if (await anotherTab()) return false;
    setInterval(() => localStorage.setItem(stg_config.opened, +Date.now()), 1000);
    return true;
}
(async function () {
  if (!await reserveTab()) return;
  //...
})();

Comments

[Сергей Соколов]

т. е. кто последний прибежал - тот и прав, а остальные встают на паузу? А когда эта вкладка отвалилась – кто-то из тех запускается вновь?

[Anonymous Penguin]

Сергей Соколов, кто первый - того и тапки. Пока эта страница со скриптом не будет закрыта - тапки всегда будут у нее. Остальные, которые прибежали после нее, будут курить в сторонке. Эта проверка происходит только при загрузке страницы, в принципе мне так и надо

[Сергей Соколов]

Anonymous Penguin, ааа.. тут сложность определить, когда активная страница была, наконец, закрыта – и какой-то новой открытой вкладке будет дозволено таки запустить скрипт.

Можно так: запущенный скрипт вешает слушателя на BroadcastChannel, который на сообщение "есть кто?" отвечает "занято!". В каждом сообщении добавлять уникальные id, сгенерированные в каждой из вкладок при старте.

При старте вкладка спрашивает "есть кто?", и если нет ответа в течение, там, пол-секунды – можно полагать, что других нет и запускаться. При запуске отправить на всякий сообщение "я таки поработаю!" (тоже с id). Это на случай двух почти одновременно открытых вкладок с претензией на старт. При получении сообщения "я поработаю" с не-своим id, вкладка не запускает скрипт и все ожидания выключает.

[Anonymous Penguin]

Сергей Соколов, ого, это намного меньше

let bc = new BroadcastChannel('notifier-broadcast');
let bc_config = {
    newWin: 'new_window',
    block: 'window_restrict'
};
function newtab() {
  return new Promise(function (res, rej) {
      try {
          bc.postMessage(bc_config.newWin);
          bc.onmessage = event => {
              if (event.data == bc_config.block) res(false);
          }
          setTimeout(() => {
              bc.onmessage = () => bc.postMessage(bc_config.block);
              res(true);
          }, 1500);
      } catch (e) {
          rej(e);
      }
  });
}

(async function() {
    'use strict';

    if (!await newtab()) return;
    // ...
}

Answer 1

[Сергей Соколов]

Можно использовать шину обмена сообщениями BroadcastChannel – есть во всех современных браузерах.

Не совсем понял задачу. Если достаточно отключать остальные, когда новая вкладка запускает скрипт, то новичок просто запускает сообщение «всем молчать!» (все выключаются) и начинает сам слушать сообщения, пока ещё одна вкладка не появится с предложением остальным выключиться.

Если нужно вести список вкладок, добавлять новую, при отключении активной, снова запускать одну из заглушенных — чуть сложнее. Скрипт, запускаясь, генерит уникальный ID для себя. Так он сможет отличать себя от других. Нужно поддерживать где-то общий массив вкладок – это можно и в LocalStorage.
Сложный момент - снова запустить скрипт в одной из заглушенных вкладок, когда закрылась активная. Закрытие вкладки не генерит обрабатываемого события, поэтому придётся как-то с таймерами постоянно проверять, «а не запуститься ли мне?». Может что-то умнее можно придумать.. Сейчас лень )

Comments

[Anonymous Penguin]

Спасибо большое :D