IFrame 未检测到 CSS

Question

我正在使用 David J. Bradshaw 的 iFrame Resizer。

将 parent 中的 css 样式加载到 IFrame 中。 parent 中显示的 IFrame 高度在加载 css 样式之前 css。

在parent

<div style="max-width:500px;">
    <iframe src="https://dikarier.com" name="dikarier" id="dikarier" width="100%" scrolling="no"></iframe>
</div>

<script type="text/javascript" src="iframeResizer.min.js"></script>
<script type="text/javascript">
    iFrameResize({log:true});
</script>

在 IFrame 中

<p class="HeightfromParent" style="padding:1em;background:#000;color:#fff;">&nbsp;</p>

<script>
window.iFrameResizer={
    targetOrigin:'http://localhost'
}
</script>
<script type="text/javascript" src="iframeResizer.contentWindow.min.js" defer></script>

没有错误，但我需要 parent 中的 IFrame 高度在加载 IFrame 中的 css 样式后显示。请帮忙？

Answer 1

避免使用本地主机，它会在浏览器中创建一些额外的安全限制

IFrame 未检测到 CSS

IFrame not detecting CSS

iframe

iframe-resizer