Page Visibility API

Detect when page is visible or hidden

JavaScriptBeginner
JavaScript
document.addEventListener('visibilitychange', () => {
    if (document.hidden) {
        console.log('Page hidden');
    } else {
        console.log('Page visible');
    }
});

Output

Page visible
Page hidden

Page Visibility API detects tab visibility.