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

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

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

   Копировать

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

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

   javascript

   Копировать

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

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

4. Service Worker + postMessage
   Полезно для PWA-приложений.

Важно: LocalStorage работает только в рамках одного домена, а BroadcastChannel поддерживается не во всех браузерах (проверяйте поддержку). Для критичных данных лучше использовать серверную синхронизацию.