내 웹페이지가 iFrame 내부에 로드됩니까, 아니면 브라우저에 직접 로드됩니까?

웹 페이지 로드 위치 결정: iFrame 내부 또는 브라우저에서 직접

웹 개발자는 종종 웹 페이지를 iframe에 로드해야 하는 문제에 직면합니다. 또는 브라우저 창으로 직접 이동합니다. 맞춤형 사용자 경험을 위해서는 로드 위치를 식별하는 것이 중요합니다.

이 시나리오에서 Facebook 앱 개발자는 웹페이지가 iframe 내에서 로드되는지 아니면 브라우저에서 직접 로드되는지 확인하려고 합니다. 이러한 지식을 통해 두 환경 모두에 맞게 페이지를 렌더링할 수 있습니다.

해결책:

이전 솔루션에서는 다음 코드를 활용했습니다.

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

그러나 이 방법은 브라우저 보안 제한으로 인해 제한이 있습니다. 보다 안정적인 접근 방식이 권장됩니다.

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

이 개선된 코드는 window.self와 window.top을 비교하여 현재 창이 최상위 창인지 확인합니다. 비동등 비교는 iframe 환경을 나타냅니다. 이 방법은 최신 브라우저에서 널리 지원됩니다.

위 내용은 내 웹페이지가 iFrame 내부에 로드됩니까, 아니면 브라우저에 직접 로드됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!