2015-10-21 89 views
1

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

當我查看測試頁在設備上(手機/平板電腦),它的效果很好。但是,當我在桌面上查看它並減少瀏覽器窗口時 - iFrame被切斷並且根本不會調整大小。

有沒有人對我可能會在這裏失蹤有什麼建議?

非常感謝。

回答

1

只看了一下頁面,iframe內容沒有加載iframe.contentwindow.js文件。

+0

謝謝大衛。我認爲這已被添加。我再次要求網站所有者實施代碼......希望這可以解決問題。另一方面,我是否仍然需要使用checkOrigin選項?如果可以,請解釋我應該使用什麼值,因爲我對我需要使用的URL有點困惑。非常感謝! – Liz

+0

只要iframe中的內容保持在同一站點,端口和協議上;那麼你不需要設置它。 –

+1

我終於搞定了一切工作,並且非常滿意你的插件!謝謝你的幫助。 :-) – Liz

0

檢查控制檯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的工作。 –