iFrame不在桌面调整大小

问题描述:

希望有人可以帮助我使iFrame Resizer插件(https://github.com/davidjbradshaw/iframe-resizer)正常工作。iFrame不在桌面调整大小

当我查看测试页在设备上(手机/平板电脑),它的效果很好。但是,当我在桌面上查看它并减少浏览器窗口时 - iFrame被切断并且根本不会调整大小。

有没有人对我可能会在这里失踪有什么建议?

非常感谢。

只看了一下页面,iframe内容没有加载iframe.contentwindow.js文件。

+0

谢谢大卫。我认为这已被添加。我再次要求网站所有者实施代码......希望这可以解决问题。另一方面,我是否仍然需要使用checkOrigin选项?如果可以,请解释我应该使用什么值,因为我对我需要使用的URL有点困惑。非常感谢! – Liz

+0

只要iframe中的内容保持在同一站点,端口和协议上;那么你不需要设置它。 –

+1

我终于搞定了一切工作,并且非常满意你的插件!谢谢你的帮助。 :-) – Liz

检查控制台errrors

无法执行“的postMessage”上“DOMWindow”:提供的目标来源(“http://chapmansofnowra.caravancampingsales.com.au‘)不匹配收件人窗口的原点(’http://www.chapmancaravans.com.au”)。 console messages

+0

感谢您的帮助。我已经尝试添加'checkOrigin'选项来指向目标原点(在iFrame src中使用了相同的URL),但我似乎没有取得任何成功......这很可能是我误解了我需要做的事情。你能澄清一下吗? – Liz

+0

该错误信息具有误导性,并且存在Chrome中的错误。它由未加载的iFrame引发。 iframe-resizer无法知道iFrame在第一次运行时是否加载过,因此会向其发布消息以查看它是否可用,然后在iframe onload事件触发时再次发送消息。如果iframe在发送时尚未开始加载,则第一个postMessage可能会导致此错误错误地出现。但是,这并不会阻止下一个postmessage的工作。 –