Мобильная версияУ меня есть две разные страницы: одна для администратора, другая для пользователя. Имя страницы администратора: index.html
.
* { заполнение: 0; маржа: 0; размер коробки: граница-коробка; } тело{ цвет фона: RGB(255, 255, 255); позиция: абсолютная; верх: 50%; осталось: 50%; трансформировать: транслировать(-50%,-50%); выравнивание текста: по центру; } .карта{ дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; высота: 100%; отступ: 100 пикселей; } ч2{ поле: 0 50 пикселей; размер шрифта: 50 пикселей; } кнопка{ цвет фона: #ff9100; граница: нет; белый цвет; отступы: 15 пикселей 32 пикселей; выравнивание текста: по центру; текстовое оформление: нет; отображение: встроенный блок; размер шрифта: 16 пикселей; поле: 4 пикселя 2 пикселя; курсор: указатель; радиус границы: 25 пикселей; } кнопка:наведите{ цвет фона: RGB(206, 206, 206); цвет: #ff9100; цвет границы: #000 ; } Живые пользователи в торговом центре Живые пользователи в торговом центре - 0 + // Устанавливаем канал связи — это может быть (почти) любое имя // но для слушателей требуется то же имя. let oChan=new BroadcastChannel('вкладки'); let h2=document.querySelector('div.card h2'); // простая функция для отправки полезных данных вашего дизайна const sendmessage = функция (данные) { пусть полезная нагрузка = { 'данные': данные}; oChan.postMessage(полезная нагрузка); }; // извлекаем данные из localStorage или устанавливаем их как ноль пусть data=localStorage.getItem('ключ'); если (данные == ноль) данные = 0; еще данные = Число (данные); h2.innerHTML=данные; // назначаем прослушиватель событий для обеих кнопок document.querySelectorAll('button[data-action]').forEach( bttn=>{ bttn.addEventListener('click',function(e){ переключатель (this.dataset.action) { случай 'приращение':data++;break; случай 'декремент':data--;break; } //обновляем хранилище localStorage.setItem('ключ',данные); // отправляем сообщение на «другую» страницу отправить сообщение (данные); // обновляем локальный дисплей h2.innerHTML=данные; }); }) Другое имя страницы — showdata.html
Показать текущие данные Пользователи, присутствующие в торговом центре 0 // устанавливаем прослушиватель на том же канале let oChan=new BroadcastChannel('вкладки'); oChan.addEventListener('message',(e)=>{ // обрабатываем сообщения по мере их поступления document.querySelector('h2').innerHTML=e.data.data }); В моем проекте участвуют два разных пользователя, поэтому они будут открывать сайты в двух разных браузерах. Но Я хочу показать обновленные данные администратора (index.html) из 1-го браузера на стороне пользователей (showdata.html) во 2-м браузере. Это возможно? Если да, то дайте мне решение этой проблемы
