iframe 仅在 Firefox 中不加载

Posted 2023-03-05

【中文标题】iframe 仅在 Firefox 中不加载

【英文标题】：iframe not loading in firefox only

【发布时间】：2017-07-19 01:24:49

【问题描述】：

iframe 的内容在 chrome 中运行良好，但在 Firefox 中则不行。我已禁用加载项，但我的 iframe 仍然是空的。我的网站和 iframe 都是 https。

下面是代码：

  <p><iframe class="display:inline-block;" frameborder="0" height="2622px" scrolling="no" src="https://www.emolument.com/start" width="100%"></iframe></p>  

【问题讨论】：

***.com/questions/18373592/…, ***.com/questions/6150725/…,

看不到你的代码

尝试将任何内部路径作为 src（在同一文件夹上）并检查它是否显示。在我的情况下，上面的代码显示。

它在我的 Mac 上的 firefox 59.0.2（64 位）上运行

prntscr.com/jj49j3 它显示在我的 Firefox 上。你也被定义类并在类中赋予css值。这是错误的

【参考方案1】：

试试：

<p><iframe style="display:inline-block; height: 2622px" frameborder="0" scrolling="no" src="https://www.emolument.com/start" width="100%"></iframe></p>

更正了样式属性并将高度声明为 css 而不是高度属性。

顺便说一句，height 属性不应该有 'px'。

【讨论】：

不，这也行不通。仅显示白框。

你可以从地址栏访问emolument.com/start吗？ Firefox 最近屏蔽了一些 https 证书。

是的，我可以直接从 Firefox 访问，问题仅在以 iframe 调用时出现

你有第三方插件吗？也许是添加拦截器？

iframe的width属性不能有'%'，这个属性的单位是px

【参考方案2】：

检查包含 iframe 的网页是否与 iframe 源位于同一域中。如果两者都是 HTTPS，并且在不同的域上，您可能必须处理同源策略。

这是大多数现代浏览器中的一项安全功能，要求页面和 iframe 来自同一来源以允许脚本等。

你可以去看看 Ways to circumvent the same-origin policy