이제 멀티 탭 탐색이 표준이 되었으므로 앱이 실행 중이라는 이유만으로 사용자가 앱을 보고 있다고 가정할 수 없습니다. 다행히 새로운 Page Visibility API를 사용하면 앱에서 가시성을 확인할 수 있습니다. API를 사용하여 불필요한 네트워크 활동 및 계산을 줄일 수 있습니다.
document.webkitHidden는 현재 페이지가 숨겨져 있는지 나타내는 불리언 값입니다. 최신 Chromium 빌드를 사용하는 경우 콘솔에서 지금 시도해 볼 수 있습니다. document.webkitVisibilityState는 현재 상태를 나타내는 문자열(visible, hidden, prerendered 중 하나)을 반환합니다. 그리고 이러한 변경사항 중 하나라도 변경되면(예: 사용자가 앱 탭을 열거나 탭에서 나갈 때) 새 webkitvisibilitychange 이벤트가 실행됩니다.
관심이 있으시다면 API에 약간의 설탕을 더해 이러한 상호작용을 좀 더 재미있게 지켜주는 visibility.js를 확인해 보세요.