【问题标题】:iframe autoheight like ebay像 ebay 一样的 iframe 自动高度
【发布时间】:2015-12-30 16:08:24
【问题描述】:

我正在寻找一种方法来调整内容适合的 y 轴上的 iframe。

问题是,由于浏览器的现代 CORS 和同源规则,我可以在网络上找到的所有解决方案都不再有效。

但必须有办法做到这一点,因为 ebay 仍然能够根据内容的高度来适应 iframe。首先,我认为这可能是服务器端的,但是禁用 JS 向我显示 iframe 的初始高度大约是 10k px

他们使用的子框架的哪个属性可用于父框架?

【问题讨论】:

  • 向我们展示如何在 eBay 上看到它。
  • 在 ebay 上进行一些拍卖(例如ebay.de/itm/…)并查看描述,禁用 javascript 并再次查看。
  • 我在该链接中看到的唯一iframe 标签是广告标签(谷歌广告,双击)。甚至没有其他iframe 比那些。
  • 非常非常奇怪。现在,在我的浏览器上,iframe 也消失了……

标签: javascript iframe height


【解决方案1】:

请记住,iframe 基本上不知道其父级或与其交互,因此无法知道其父级容器的大小。

如果 iframe src 与父级来自同一个域,则可以通过多种方式与父级交互,但正如您所说,这不会跨域工作。

我之前研究过这个,我能找到的唯一方法是使用一个库:https://github.com/davidjbradshaw/iframe-resizer(跨域工作)。好消息是这是一个很好的库并且运行良好。

【讨论】:

  • 也许我应该说,我是父框架(如 ebay)而不是 iframe 内容。
  • 我猜这是同一枚硬币的两面:父母通常不知道 iframe 的内容或尺寸(特别是如果内容是响应式的)。不过,iframe-resizer 仍然可以为您工作。
猜你喜欢
  • 2012-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-27
  • 2014-08-01
  • 1970-01-01
  • 2015-05-29
相关资源
最近更新 更多