我无法通过 Blogger 在我的网页上使用 iframe

Question

在我的博客博客中，我可以将 iframe 与 youtube 视频一起使用，但无法显示我想要的页面。

• 目标页面：http://www.speakerstrainers.com/lms.html
• 目标内容：http://www.speakerstrainers.com/lms.php

完整代码：

<iframe src="http://www.speakerstrainers.com/lms.html" height="100" width="720"></iframe>
<iframe src="http://www.speakerstrainers.com/lms.php" height="100" width="720"></iframe>

我已经尝试过这两种方法，但没有成功，请让我知道您使用 iframe 还采取了哪些其他策略。

Answer 1

您在通过嵌入页面时遇到的问题可能是由于以下几个潜在原因造成的：

X-Frame-Options 标头： 目标网站可能具有 X-Frame-Options HTTP 标头，该标头会阻止页面在 iframe 中显示。该标头可以设置为 DENY、SAMEORIGIN 或 ALLOW-FROM，这会阻止您的 iframe，具体取决于它的嵌入位置。 检查 打开浏览器的开发人员工具 (F12) 并导航到“网络”选项卡。 加载您尝试使用 iframe 的页面，并在目标页面的响应中查找 X-Frame-Options 标头。

内容安全策略 (CSP)： 目标网站可能具有限制嵌入的内容安全策略 (CSP)。如果托管 iframe 的域不被允许，它将被阻止。

混合内容：您可以尝试通过 HTTPS 访问目标页面：https://www.speakerstrainers.com/lms.html" height="100" width="100">....