跨域 iFrame 自动调整高度

Question

我一直在谷歌搜索并查看各种选项，但似乎无法找到适合我正在尝试的完美解决方案......所以在这里需要一些帮助。

我的情况/环境如下：

1. 父页面（具有 iframe） - 位于不同的域中，我拥有的唯一控件是 body 标记的一部分，它通过管理控制台使用 html/WYSIWG 编辑器进行更新。无法访问 head 标签，甚至无法在其域中托管 jscript。
2. 子页面 (iframe) - 托管在我们的域中，我们拥有完全控制权。

父网站实际上是我们在那里有产品的第 3 方在线商店，我们希望输入我们可以控制的通用信息，而无需逐一编辑每个单独的产品列表。

我尝试了很多找到的选项，但它似乎不起作用，因为它们需要包含在 js 文件中或访问父页面中的 head 标签。

那么想知道是否还有其他选项可以帮助我们解决这个问题？

Answer 1

恐怕您需要访问两个域上的 JavaScript 才能执行此操作。

您能否让第三家在线商店托管一个小型 JS 库，然后他们的所有客户都可以使用它来解决这个问题？我从事一个允许第三方添加 iFrame 的项目，并出于这个原因制作了这个小项目。当有人说他们希望能够将 iFrame 调整为内容大小时，我们会指向 iFrame js 文件并说将其包含在您的页面中。

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

抱歉，这不是您之后的答案，但尝试要求商店支持这一点，他们可能会接受这个想法，因为我希望其他人在他们的网站上也有同样的问题。