В браузере Angular 7 обнаружена активная вкладка

Question

В нашем приложении мы должны получить пользовательский контекст из нашего бэкэнд-сервиса.Если пользовательский контекст изменяется, приложение необходимо перезагрузить.Так как пользователь может изменить свой контекст в другой вкладке.Мы проверяем наш серверный сервис каждые 5 секунд, чтобы проверить, изменился ли пользовательский контекст.

Есть ли способ определить, деактивировал ли пользователь текущую вкладку или активировал ее?Это позволит сэкономить проверку связи каждые 5 секунд.

Пользователь может изменить контекст в другой вкладке того же приложения или другого приложения.

Answer 1

Используйте метод hasFocus () из: здесь , в котором хранится контекст фокуса вкладки.

Метод hasFocus () интерфейса Document возвращает логическое значение, указывающее, является лидокумент или любой элемент внутри документа имеет фокус.Этот метод можно использовать, чтобы определить, имеет ли активный элемент в документе фокус.

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