We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

Document.hidden 는 페이지가 숨겨진 것으로 간주되고 있는지의 여부를, Boolean 값으로 반환하는 읽기 전용 property입니다.

역자 주 - 아래의 예제와 같이 사용할 경우 페이지의 활성화 여부를 확인 할 수 있습니다. 이는 현재 탭의 활성화 여부를 반환하기 때문에, 다른 탭을 누르거나 최소화를 할 경우에 false를 반환합니다. console.log(document.visibilityState) 와 동치입니다.


var string = document.hidden


document.addEventListener("visibilitychange", function() {
  console.log( document.hidden );
  // Modify behavior...


Specification Status Comment
Page Visibility (Second Edition)
The definition of 'Document.hidden' in that specification.
Recommendation 초기 선언.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 13 webkit
18 (18) [1] 10 12.10 7
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 4.4 webkit 18.0 (18) [1] ? 12.10 7

[1] From Firefox 10 to Firefox 51 included, this property could be used prefixed with -moz-.

문서 태그 및 공헌자

이 페이지의 공헌자: DeadIntegral
최종 변경: DeadIntegral,