来自 iframe 的全屏弹出窗口（featherlight）

Question

这是一个非常具体的问题。有一个网站（我无法访问该网站），其中包含一些 iframe，其中一个 iframe 正在 linking 到我可以访问的网站。

我的 iframe 应包含一个 link 到另一个 iframe，并在单击 link 时将其作为弹出窗口打开。这已经在工作了。我为此使用 featherlight.js。

现在的问题是，当我单击我无法访问的网站上的link时，弹出窗口的大小限制为iframe 的大小.

说明示例

我网站上的代码，我们称之为 example.com

<a id="popup" href="anotherlink" data-featherlight="iframe">Open popup</a>
<script>
    $("#popup").featherlight();
</script>

我无法访问的网站上的代码如下所示：

<iframe src="example.com"></iframe>

Answer 1

快速阅读后确定：这是不可能的，因为 iframe 的内容并不总是可信的，这意味着 iframe 的内容可能会在合法的登录框上放置一个相同的登录框并窃取所有用户的信息。

如果您真的需要在您的网站上显示弹出窗口，我认为实现它的唯一方法是通过 ajax 加载内容并将内容注入您网站的特定 div .

Full screen popup from iframe (featherlight)