如何從同一域下的網站（HTTP）調整iframe（HTTPS）的大小

Question

我有一個托管一些公共內容的網站： https://secure.example.com/PublicContent.html : https://secure.example.com/PublicContent.html 。 我正在通過不安全的網站上的iframe渲染它： http://public.example.com : http://public.example.com 。 我兩個頁面都設置document.domain = "example.com"; 。

如果我使用HTTPS加載public.example.com ，則可以使用onload屬性正確調整iframe的大小：

onload="this.style.height = this.contentWindow.document.body.scrollHeight + 'px';"

但是，如果我在不使用HTTPS的情況下加載public.example.com ，則會收到Access is denied. 任何想法如何使它在HTTP上工作？

Answer 1

如果使用this.contentWindow不可能

同源政策： https : //developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

如果兩個頁面的協議，端口（如果指定了一個）和主機相同，則兩個頁面的來源相同。

無論使用哪種協議，都要在同一域之間共享信息，您可能需要查看cookie。 https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy#Cross-origin_data_storage_access 。

此外，還使用此lib解決了類似的問題： https : //github.com/davidjbradshaw/iframe-resizer