跨域iFrame自动调整高度

时间:2014-03-19 03:41:02

标签: iframe resize height

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

我所拥有的情况/环境如下:

  1. 父页面(包含iframe) - 位于不同的域上,我唯一拥有的控件是body标签的一部分,通过管理控制台使用html / WYSIWG编辑器进行更新。无法访问head标记,甚至无法在其域中托管jscript。
  2. 子页面(iframe) - 托管在我们的域中,我们可以完全控制。
  3. 父网站实际上是我们在那里有产品的第三方在线商店,我们想要提供我们可以控制的共同信息,而无需逐个编辑每个单独的产品列表。

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

    所以想知道是否有其他选项可以帮助我们呢?

1 个答案:

答案 0 :(得分:0)

我担心你需要在这两个域上访问JavaScript才能做到这一点。

您是否可以获得第三个在线商店来托管一个小型JS库,然后所有客户都可以使用它来解决这个问题?我正在开发一个项目,允许第三方添加iFrames并出于这个原因生成这个小项目。当任何人说他们希望能够将他们的iFrame调整为内容时,我们会指向iFrame js文件并说明将其包含在您的页面上。

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

对不起,这不是你的答案,但是试图要求商店支持这个,他们可能会接受这个想法,因为我希望其他人对他们的网站有同样的问题。