Page Visibility API in JavaScript

Detect when page is visible or hidden

BeginnerBrowser APIExample 5 of 15
page-visibility-api.js
1document.addEventListener('visibilitychange', () => {
2 if (document.hidden) {
3 console.log('Page hidden');
4 } else {
5 console.log('Page visible');
6 }
7});

Output

Page visible
Page hidden

What's going on

Page Visibility API detects tab visibility.