웹페이지가 iFrame 또는 브라우저 창에 로드되었는지 어떻게 확인할 수 있나요?

웹페이지가 iFrame 창에 로드되는지 아니면 브라우저 창에 로드되는지 확인

iframe 기반 애플리케이션을 개발할 때, 웹페이지는 iframe 내에 로드되거나 브라우저 창에 직접 로드됩니다. 이러한 이해를 통해 다양한 시나리오에 맞는 맞춤형 기능을 사용할 수 있습니다.

로딩 컨텍스트 감지

승인된 접근 방식에는 window.self 및 window.top 속성을 활용하는 것이 포함됩니다.

const inIframe = () => window.self !== window.top;

window.self는 현재 창 개체를 나타내고, window.top은 최상위 창을 나타냅니다. 이 두 개체가 동일하지 않으면 웹페이지가 iframe 내에 로드되었음을 나타냅니다.

브라우저 호환성 해결

최신 브라우저에서는 이 방법이 널리 지원됩니다. 정확한 iframe 감지가 가능합니다. 그러나 일부 브라우저는 보안 제한으로 인해 window.top에 대한 액세스를 차단할 수 있으므로 이전 브라우저를 다룰 때는 주의가 필요합니다.

대체 접근 방식

브라우저 불일치를 고려하려면 , 대체 접근 방식은 try-catch 블록을 사용하는 것입니다.

function inIframe () {
    try {
        return window.self !== window.top;
    } catch (e) {
        return true;
    }
}

window.top에 대한 액세스가 거부되면, catch 블록은 예외를 포착하고 true를 반환하여 웹페이지가 iframe 내에 로드되었을 가능성이 있음을 나타냅니다.

위 내용은 웹페이지가 iFrame 또는 브라우저 창에 로드되었는지 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!