Как синхронизировать данные между вкладками

Для синхронизации данных между вкладками можно использовать несколько подходов:

1. LocalStorage/SessionStorage + событие storage
   При изменении данных в одной вкладке срабатывает событие storage в других вкладках:
   javascript

   Копировать

   window.addEventListener('storage', (event) => {
     if (event.key === 'sync-data') {
       console.log('Данные обновлены:', event.newValue);
     }
   });

2. BroadcastChannel API
   Позволяет напрямую обмениваться сообщениями между вкладками:

   javascript

   Копировать

   const channel = new BroadcastChannel('data-sync');
   channel.postMessage({ type: 'update', data: newData });
   channel.onmessage = (e) => console.log(e.data);

3. SharedWorker (для сложных сценариев)
   Общий воркер, который может координировать состояние между вкладками.

Важно:

• LocalStorage ограничен ~5MB и работает только в рамках одного домена.
• BroadcastChannel не поддерживается в IE.
• Для реального времени лучше использовать WebSockets, если нужна синхронизация между устройствами.