javascript - 如何从 iframe 获取 facebook 窗口高度？

Question

我想使用 iframe 中的 javascript 获取 facebook 窗口高度。但是 window.innerHeight 给了我 iframe 的高度。我怎么解决这个问题 ？

Answer 1

如果您使用的是 Facebook JavaScript SDK，则可以使用FB.Canvas.getPageInfo()

FB.Canvas.getPageInfo(
    function(info) {
        console.log('Height: ' + info.clientHeight);
    }
);

Answer 2

您需要获取 iframe 的父窗口，并获取它的高度。你可以试试parent.window.innerHeight，这应该会得到正确的答案。

如果它所在的文档通过 iframe 包含在另一个文档中，则以下方法有效：

<script type="text/javascript">
    alert(parent.window.innerHeight);
</script>

请注意，这可能不适用于跨域请求，即如果您嵌入的内容与主站点不在同一域上，Facebook 应用程序可能就是这种情况