在嵌套的iframe中使用/ install库

Question

我正在尝试使用以下库https://github.com/davidjbradshaw/iframe-resizer/来调整位于其他iFrame中的iFrame的大小。

我尝试的是：

• 将库的缩小文件复制到我的应用程序的/ assets / lib文件夹中。
• 在第一个iFrame的标题中添加指向库的缩小文件的链接：

<script src="/assets/lib/iframeResizer.min.js"></script>
<script src="/assets/lib/iframeResizer.content.min.js"></script>
<script src="/assets/lib/index.js"> 最后一个index.js文件仅导出前2个文件（使用export和require）。 - ＆GT;这会创建错误导出未定义，并且未定义require。

• 然后，当我添加需要调整大小的iFrame时，我使用jQuery插入使用该库的脚本：

var script = '<script class="iframe-resizer">iFrameResize({checkOrigin: false}, ".content-card")</script>';

$('.fr-iframe').contents().find("body").append(script);

如果我没有添加index.js文件，我会收到以下消息＆＃34; iFrameResize未定义＆＃34;

有没有人知道如何找到解决方法？

Answer 1

In fact, the library supports nested iframes. Requesting the iFrameResizer using jQuery was the best solution I found. Thanks to this I don't have to install the library manually in the header of the iframe, which simplifies the solution.