이제 탭을 여러 개 띄워놓고 탐색하는 것이 일반적이므로 앱이 실행 중이라고 해서 사용자가 앱을 보고 있다고 가정할 수 없습니다. 다행히 새로운 페이지 가시성 API를 사용하면 앱에서 페이지가 표시되는지 여부를 확인할 수 있습니다. API를 사용하여 불필요한 네트워크 활동과 계산을 줄일 수 있습니다.
document.webkitHidden는 현재 페이지가 숨겨져 있는지 여부를 나타내는 불리언 값입니다. 최신 Chromium 빌드를 사용하는 경우 지금 콘솔에서 시도해 볼 수 있습니다. document.webkitVisibilityState는 현재 상태를 나타내는 문자열(visible, hidden, prerendered 중 하나)을 반환합니다. 이러한 변경사항이 발생하면(예: 사용자가 앱의 탭을 열거나 탭에서 벗어날 때) 새 webkitvisibilitychange 이벤트가 실행됩니다.
이 기능을 사용해 보고 싶다면 API에 약간의 재미를 더하여 이러한 상호작용을 더 재미있게 볼 수 있는 visibility.js를 확인하세요.