私の Web ページは iFrame 内に読み込まれますか、それともブラウザに直接読み込まれますか?

Web ページの読み込み場所の決定: iFrame 内またはブラウザ内で直接

Web 開発者は、Web ページを iframe に読み込むという課題に直面することがよくあります。またはブラウザウィンドウに直接入力します。読み込み場所を特定することは、カスタマイズされたユーザー エクスペリエンスにとって非常に重要です。

このシナリオでは、Facebook アプリ開発者は、Web ページが iframe 内に読み込まれるか、ブラウザーに直接読み込まれるかを判断しようとします。この知識により、両方の環境に応じてページをレンダリングできるようになります。

解決策:

前のソリューションでは、次のコードを使用しました:

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

ただし、この方法にはブラウザのセキュリティ制限による制限があります。より信頼性の高いアプローチをお勧めします。

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

この改良されたコードは、window.self と window.top を比較することによって、現在のウィンドウがトップレベル ウィンドウであるかどうかをチェックします。等価でない比較は、iframe 環境を示します。この方法は、最新のブラウザで広くサポートされています。

以上が私の Web ページは iFrame 内に読み込まれますか、それともブラウザに直接読み込まれますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。