Компьютеры и электроника

Как создать простой React компонент, который отслеживает “Page Visibility State”

При создании веб-приложения вы можете столкнуться с ситуациями, когда нужно отследить текущее состояние видимости. Бывает, что нужно воспроизвести или приостановить эффект анимации или видео, уменьшить интенсивность или отследить поведение пользователя для аналитики. На первый взгляд эта функция кажется довольно простой для реализации, но это не совсем так. Отслеживание активности пользователя — довольно сложный процесс.


Есть Page Visibility API, который отлично работает в большинстве случаев, но не обрабатывает все возможные случаи неактивности вкладки браузера. Page Visibility API отправляет событие visibilitychange, чтобы listeners знали, что состояние видимости страницы изменилось. Он не запускает событие в некоторых случаях, если окно или соответствующая вкладка браузера скрыты из виду. Чтобы обрабатывать некоторые из этих случаев, нам нужно использовать комбинацию событий focus и blur как в document, так и на window.


Итак, из этой статьи вы узнаете, как создать простой React-компонент, который отслеживает Page Visibility State.

.......
4.50
176 оценок

Полный текст новости доступен на источнике

Продолжить читать на источнике ➔

Popular articles in the section: Компьютеры и электроника

img
Компьютеры и электроника, 14.11.2019 15:14
Копирование и вставка слов (текста) в Microsoft Word - очень важное действие, позволяющее сэкономить время при вводе повторяющихся слов. Вы можете выделить и скопировать слово или...
img
Компьютеры и электроника, 14.11.2019 15:14
В этой статье мы расскажем вам, как выйти из аккаунта Google сразу на всех устройствах. Так вы защитите аккаунт от посторонних людей, если думаете, что кто-то получил доступ к ваш...
img
Компьютеры и электроника, 14.11.2019 15:14
Многие люди общаются при помощи SMS-сообщений, поэтому, чтобы сохранить важную информацию, нужно делать их резервную копию. Если вы владеете устройством Samsung Galaxy, чтобы сдел...
img
Компьютеры и электроника, 14.11.2019 15:14
Видео Взгляд Назад на Facebook – это новая функция, представленная Facebook в честь 10-ти летней годовщины социальной сети. 62-х секундное видео, по сути, является собранием ярких...
img
Компьютеры и электроника, 14.11.2019 15:14
Отправить копию электронного письма ("поставить в копию") нескольким людям может показаться непростой задачей для неопытного пользователя. Мы покажем, как сделать это в нескольких...
img
Компьютеры и электроника, 14.11.2019 15:14
Вам, вероятно, знакомы QR-коды, и вы знаете, что в них заключаются сведения — адреса сайтов, физические адреса и адреса электронной почты. После распространения смартфонов, способ...
img
Компьютеры и электроника, 14.11.2019 15:15
Хотите записать CD с картинками, но до сих пор не перенесли их на свой компьютер? Вы заинтересованы в ретушировании и отправке по электронной почте своих собственных цифровых рабо...
img
Компьютеры и электроника, 14.11.2019 15:15
Из этой статьи вы узнаете, как изменить домашнюю страницу в Google Chrome; на эту страницу можно перейти, если нажать кнопку «Главная страница» в браузере. Это можно сделать на ко...
img
Компьютеры и электроника, 14.11.2019 15:15
Интернет – это самое главное средство коммуникации на сегодняшний день. Многие сайты предлагают контент на разных языках, чтобы увеличить число пользователей, которые посещают так...
img
Компьютеры и электроника, 14.11.2019 15:15
Вы играете в Майнкрафт? Вы тратите кучу времени на сбор ресурсов и строительство? Вам надоело и вы не знаете, что делать дальше? В этом руководстве вы узнаете, как "победить" Майн...
img
Компьютеры и электроника, 14.11.2019 15:15
Microsoft Outlook позволяет архивировать письма, чтобы освободить место в почте. Формат архива ".pst." Мы расскажем, как архивировать в программе Outlook 2010. Архивировать вруч...
img
Компьютеры и электроника, 14.11.2019 15:15
Мэджикарп является одним из наиболее канонических покемонов серии, а все из-за своей невероятной слабости и бесполезности. Если вы хотите усложнить себе задачу, можете попробовать...
У тебя есть свой ответ?
Как создать простой React компонент, который отслеживает “Page Visibility State”...
Отправлено

Popular articles today

img
Компьютеры и электроника, 14.11.2019 15:14
Хотя игра Grand Theft Auto: San Andreas является чисто однопользовательской игрой, но благодаря моду она превращается в многопользовательскую игру. SA-MP (San Andreas Multiplayer)...
img
Компьютеры и электроника, 14.11.2019 15:14
Драйвер звуковой карты нужно переустановить, если вы скачали несовместимый драйвер или устаревший драйвер, или если драйвер поврежден в результате поражения вирусом, отключения эл...
img
Молодежь, 14.11.2019 15:14
Знакомство в интернете — это довольно распространенное явление, которое зачастую приносит удовольствие всем его участникам. Тем не менее первая встреча с человеком, с которым вы п...
img
Компьютеры и электроника, 14.11.2019 15:14
Реестр Windows представляет собой упорядоченную базу данных настроек и параметров операционной системы. То есть в ней хранятся пользовательские настройки Windows, включая адреса с...
img
Искусство и развлечения, 14.11.2019 15:14
Вы болеете и не знаете, чем занять себя? В этой статье мы расскажем, как весело провести время дома во время болезни! Устройтесь поудобнее Поспите. Сон – это лучший способ попр...
img
Финансы и бизнес, 14.11.2019 15:14
Кредитование - довольно запутанная тема. Если просто, то кредит – это способность занимать деньги под обещание их вернуть в будущем. С этим тесно связана репутация человека, всегд...
img
Кулинария и гостеприимство, 14.11.2019 15:14
При приготовлении яиц пашот не используется масло, поэтому этот способ приготовления относится к полезным. Яйца пашот можно употреблять в пищу сразу после приготовления или добавл...
img
Компьютеры и электроника, 14.11.2019 15:14
Упорядочивание файлов является важной задачей. Если вы много работаете на компьютере (пишите письма, составляете отчеты и т.п.), то папка с вашими документами очень скоро заполнит...
img
Спорт и фитнес, 14.11.2019 15:14
Ракетбол может стать отличным способом потренироваться и хорошо провести время с друзьями или коллегами. Эту игру легко освоить, и в нее можно играть в минимальном обмундировании....
img
Работа, 14.11.2019 15:14
Одной из причин, по которой плохим начальникам удается избежать наказания за непорядочное поведение, является отсутствие доказательств. Сказанные слова можно не признать, и слова...
У тебя есть свой ответ?
Как создать простой React компонент, который отслеживает “Page Visibility State”...
Отправлено