iframe - 是否有有效的跨域 iframe 高度自动调整器？

Question

我尝试了一些解决方案，但没有成功。我想知道是否有一个解决方案，最好有一个易于遵循的教程。

Answer 1

您有三种选择:

1。使用 iFrame-resizer

这是一个简单的库，用于保持 iFrame 的大小适合其内容。它使用 PostMessage 和 MutationObserver API，并支持 IE8-10。它还为内容页面提供了选项，以请求包含的 iFrame 具有一定的大小，并且还可以在完成后关闭 iFrame。

https://github.com/davidjbradshaw/iframe-resizer

2。使用 Easy XDM(PostMessage + Flash 组合)

Easy XDM 使用一系列技巧来实现多个浏览器中不同窗口之间的跨域通信，并且有使用它来调整 iframe 大小的示例:

http://easyxdm.net/wp/2010/03/17/resize-iframe-based-on-content/

http://kinsey.no/blog/index.php/2010/02/19/resizing-iframes-using-easyxdm/

Easy XDM 的工作原理是使用 PostMessage现代浏览器和基于 Flash 的解决方案作为旧浏览器的后备。

另请参阅this thread on Stackoverflow (还有其他的，这是一个常见问题)。另外，Facebook would seem to use a similar approach .

3。通过服务器进行通信

另一种选择是将 iframe 高度发送到您的服务器，然后使用 JSONP 从父网页从该服务器进行轮询(或者如果可能，使用长轮询)。