Using the PageVisibility API

Published: 03 November 2020
on channel: Code With Bubb
632
48

In this tutorial, we'll take a look at using the PageVisibility API in JavaScript to detect whether the user is focused on your current tab.

Using the PageVisibility API
---------------------------------------------
00:00 Introduction
00:19 Visibility State
01:07 The visibility change event
02:10 Watching for changes

— Follow Me —
Twitter:   / codebubb  
Facebook:   / juniordevelopercentral  
Blog: https://www.juniordevelopercentral.com/
— Thanks! —

So in this tutorial, we'll take. a look at the PageVisibility API and how to use it with JavaScript to check whether the current user has the tab that your code is running in active.

We'll take a look a the visibilityState property available. on the document object within the browser and also the event that is fired when this visibilityState changes. Channel Handle @codebubb


On this page of the site you can watch the video online Using the PageVisibility API with a duration of online in good quality, which was uploaded by the user Code With Bubb 03 November 2020, share the link with friends and acquaintances, this video has already been watched 632 times on youtube and it was liked by 48 viewers. Enjoy your viewing!