페이지 가시성 API 소개

호환성
현재, 이러한 API를 지원하는 브라우저는 많지 않으며 이러한 API를 지원하는 브라우저는 여전히 공급 업체 접두사를 사용합니다. 작업 코드가 있도록 모든 접두사를 관리해야하므로 지원 문제가 발생합니다. 현재 페이지 가시성 API를 지원하는 데스크탑 브라우저에는 Chrome 13, Internet Explorer 10, Firefox 10 및 Opera Beta 12.10이 포함됩니다. 이 API를 지원하는 모바일 브라우저에는 Android 4.0의 Chrome 및 Android 및 Symbian의 Opera Mobile 12.1 (Source MobileHtml5.org - Android 4.0에서 직접 테스트)이 포함됩니다. 약간 성가신 것은 Camelcase 컨벤션으로 인해 속성에 공급 업체 접두사가있는 경우 실제 속성 이름이 대문자이며 접두사, 소문자가 없으면 소문자가 없다는 것입니다. 명확성을 위해, 숨겨진 속성을 예로 들어 봅시다. 소문자로 시작하지만 접두사가있는 경우 대문자 "H"로 시작하므로 지원을 테스트하기 위해 다음과 유사한 코드를 작성할 수 없습니다.
• 아래 그림과 같이 케이스를 분할하거나 문자열에 대한 트릭을 사용해야합니다.
// refixed 버전을 테스트합니다 if (document.hidden! == 정의되지 않은) // 여기에 코드를 추가합니다 또 다른 { // 접두사 버전을 테스트합니다 var browserprefixes = [ "webkit", "moz", "ms", "o"]; for (var i = 0; i & lt; browserprefixes.length; i) { if (document [browserprefixes [i] "hidden"]! == undefined) { // 여기에 코드를 추가합니다 부서지다; } } } <.> 다른 API와 마찬가지로, 다른 API와 마찬가지로, 이들 API를 지원하지 않는 브라우저에서 이러한 API를 사용하기 위해 많은 폴리 ​​플릴이 해제되었습니다. 이 폴리 플릴 중 일부는 가시적입니다 .js 및 isvis.js.
(다음 내용은 원래 코드 스 니펫 및 예제를 다시 작성하여 함수를 변경하지 않고 코드 최적화 및 주석 향상)
입니다.

결론

이 기사에서는 페이지 가시성 API의 기능과이를 사용하는 방법을 보여줍니다. W3C 직원이 모바일 장치 (리소스 및 연결 대역폭을 절약하는 것뿐만 아니라)를 돕기위한 의도는 실제로 칭찬 할 수 있으며 곧 널리 사용할 수 있기를 바랍니다.

보시다시피,이 API는 두 개의 속성과 하나의 이벤트만으로 매우 간단하므로 웹 애플리케이션을 개선하기 위해 몇 분 안에 사용을 시작할 수 있습니다.

JavaScript API에 관심이 있으시면 Sitepoint Network의 최신 웹 사이트… JSPRO의 API 섹션을 확인하십시오.

(원본 텍스트의 긴 FAQ 부분은이 부분이 의사 원리 목표와 일치하지 않고 너무 길기 때문에 여기서 생략됩니다. 필요한 경우 간소화 된 FAQ 예제가 제공 될 수 있습니다.)