iframe 在 Chrome 浏览器中不可见

Posted 2023-03-05

【中文标题】iframe 在 Chrome 浏览器中不可见

【英文标题】：Iframe isn't visible on Chrome browser

【发布时间】：2021-04-09 16:47:04

【问题描述】：

我的 Chrome 浏览器存在 iframe 问题。在http://bulbanner.cf 中有如下 iframe 代码：

<iframe src="http://bulbanner.cf/script.html" width=468 height=60 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling="no" title="BulBanner - banner exchange"></iframe>

当您将代码粘贴到另一个网站时，468x60 大小的横幅开始显示，因为在http://bulbanner.cf/script.html 页面中有一个显示随机 468x60 大小的横幅的旋转器。很快，就像这样：

使用 Firefox 一切正常，但使用 Chrome 时 iframe 经常无法正常工作。用 Chrome 查看结果：

我认为这是 Chrome 浏览器的安全问题，但是有什么方法可以解决它？ 我有权更改 iframe 代码，或者我可以将一些代码放在通过上述 iframe 可视化的 http://bulbanner.cf/script.html 页面中。

【问题讨论】：

您可以将鼠标悬停在 Chrome 中的错误图标上吗？它说什么？

在这里阅读一下github.com/davidjbradshaw/iframe-resizer/issues/327

您的网站没有 HTTPS，因此出于安全原因，您的 iframe 不能在 HTTPS 网站上使用。拿到SSL证书，2021年没人用HTTP

@x43 什么也没说。它不能被点击。它只是显示一个悲伤的表情，大小为 468x60：i.imgur.com/k3lS2k5.png

@blex 如何获得 SSL 证书，是否可以通过免费托管和 domaint（freenom + infinityfree 托管）获得它？

【参考方案1】：

在这种情况下，X-Frame-Origin 标头由 Google 的支持页面生成。所以你不能改变它。 您要制作 iFrame 的网站有一个阻止 iFrame 请求的 .htaccess 代码。 就像如果您将此代码 Header set X-Frame-Options DENY 插入到您网站的 .htaccess 中，那么任何 iFrame 请求都将被阻止。

【讨论】：

是的，我在站点中有一个 .htaccess 文件。我可以用这个文件做点什么来解决这个问题吗？

你可以在这里找到答案：[link]***.com/questions/5881139/how-to-block-iframe-call [link]serverfault.com/questions/854461/…

大声笑我已经解决了 :) 问题出在 .htaccess 文件中。我刚刚将 bulbanner.cf/script.html 文件（在 iframe 代码中）移动到另一个没有 .htaccess 的托管公司。它现在看起来工作:)