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.