Javascript синхронизация вкладок Tab браузера.

216

16 февраля 2018, 20:47

Каким образом можно реализовать синхронизацию вкладок браузера? То есть допустим я открыл 3 вкладки одного и того же сайта. На одной из них нажал на кнопку, и во всех трех вкладках произошел к примеру alert('Hello');

Пробовал найденный в сети способ через EventListener к LocalStorage, но работает это через раз, и не во всех браузерах.

Answer 1

Для синхронизации вкладок удобно использовать storage event:

window.addEventListener('storage', sync);
function sync(event) {
    if (event.key == 'name') {
        ...
    }
}

Если требуется очень сложная синхронизация вкладок, то лучшей практикой является простое уведомление пользователя о произошедших изменениях в других вкладках с просьбой перезагрузить страницу.