2

Что следует делать при переходе пользователем на соседнюю ранее открытую вкладку с сайтом, информация на которой может быть уже устарелой (например отсутствие введённых данных, каких либо настроек, предыдущий язык и тд.):

  1. Перезагружать страницу прямо перед носом пользователя (отлавливая событие активации вкладки window.onfocus).
  2. Показывать пользователю заглушку "Обновите страницу".
  3. Ничего не делать.
2
  • 1
    4. Подгрузить новые данные в фоне через ajax :)
    – andreymal
    21 окт 2016 в 11:58
  • Хотя лично я склоняюсь к пункту 3: я вполне могу оставлять открытыми вкладки как раз чтобы там остались старые данные
    – andreymal
    21 окт 2016 в 11:58

3 ответа 3

2

Если важно сохранять актуальность одной сущности или нескольких но связанных (например если у вас одна таблица и несколько человек ее могут редактировать) - то 2 вариант.

3 вариант - если пользователь сам меняет данные и помнит об этом.

1 вариант - вообще такое делать не стоит никогда.

4
  • А я как раз выбрал первый вариант.
    – user208916
    21 окт 2016 в 16:59
  • Ну я согласен что решение не элегантное, но зато простое и надёжное.
    – user208916
    21 окт 2016 в 17:39
  • Чёто я подумал и всё таки согласен - перезагрузка перед носом бесит.
    – user208916
    22 окт 2016 в 22:30
  • Может так случится, что на обеих вкладках будут изменения, тогда потеряете одну из них. 24 окт 2016 в 9:54
1

есть 2 варианта автоматизации 1 использовать localStorage/sessionStorage+ листенер 2 использовать websocket, для отправки данных на неактивнуювкладку

1

Вообще, для пользователя лучший вариант - синхронизация открытых вкладок через localStorage, см. Storage Event. Примечательно, что этот спсоб - offline-first.

4
  • Я как раз использую событие onstorage для того чтобы назначить для других вкладок обработчик события windows.onfocus на перезагрузку. До этого пытался сделать обновление других вкладок в фоне по событию onstorage, но ни к чему хорошему это не привело: сложно, куча багов, даже тормоза в IE.
    – user208916
    22 окт 2016 в 11:26
  • зачем делать презагрузку страницы? через localStorage можно передать что угодно и обновить вкладку без перезагрузки страицы.
    – Вадим
    22 окт 2016 в 19:37
  • но самое оптимальное использовать websocket. если нужно использовать старые браузеры - есть эмуляция на флэше. при использовании websocket обновлять страницы нет смысла, можно просто обновлять нужные данные. причем данные могут быть обновлены на вкладке даже в том случае если они были изменены другим пользователем, таким образом данные будут всегда актуальны. и если (к примеру) обновилась только одна ячейка в тамблице - нет смысла обновлять всю таблицу , достаточно обновить только эту ячейку.
    – Вадим
    22 окт 2016 в 19:42
  • Вадим, вы выбираете неправильный инструмент. Вебсокеты созданы для обеспечения быстрой передачи часто изменяемых данных (по несколько раз в секунду), где дорого постоянно производить переподключение и отправлять лишние данные. Лучше всего инструмент подходит под игровые, биржевые данные и, например, чат (и то с натяжкой). но не для форм. 24 окт 2016 в 9:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.