javascript - 检测页面是否在 iframe 内并获取 iframe id

Question

我们有一个游戏，我们的一个客户正在尝试将游戏加载到他们的 iframe 中。由于某种原因，他们需要锁定地址栏，并在其 iFrame 中添加了scrolling="no"样式。

这会破坏我们的游戏，因为我们有一个他们永远无法摆脱的向上滚动覆盖层。

我正在寻找一种获取 iframe 并检查 iframe id 的方法，而不需要在其域上使用跨域策略。这可能吗。我所需要的只是 iframeID 或者检查样式并查看其是否可滚动。

由于浏览器跨域安全性，我觉得这是不可能的，但我想在这里询问一下，看看是否有人有任何建议。

我正在尝试这个。

var ganFrame = document.getElementById( ganId );

它应该返回 null

调用

var ganFrame = window.top.getElementById( ganId );

但我收到了预期的跨域错误。有没有办法检测这个 iframe 而不会出现错误。我不需要访问它，只是为了查看它是否存在。

我可以检测 window.top != window.self ，但我们还有其他客户需要我们在带有覆盖层的 iframe 中。

注意

客户端不会改变其 iframe 的行为方式。

Answer 1

client will not change how their iframe behaves.

您的客户愿意更改您游戏的网址吗？例如，您可以让他们在 url 中传递一个参数，例如: https://mygame.com/game.php?noScrollMode=true

您可以检查 document.referrer 是否已设置，但用户可能会禁用引荐来源网址并破坏您的代码。