如何确定网页是在 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 block 会捕获异常并返回 true，表明该网页可能是在 iframe 中加载的。

以上是如何确定网页是在 iFrame 还是浏览器窗口中加载？的详细内容。更多信息请关注PHP中文网其他相关文章！