iframe显示空白

Question

我想在我的网站上使用一个简单的iframe。 但它没有出现。 请看截图。 这是我的代码：

 <iframe src="https://www.w3schools.com"></iframe> 

我究竟做错了什么？ 谢谢

Answer 1

你的代码是对的，这是w3schools.com的问题。 打开开发人员控制台会发现：

Refused to display 'https://www.w3schools.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

这意味着当“起源”（您的框架所在的网站）来自w3schools.com时，w3schools.com将仅在框架中工作。 否则，你只会得到一个空白框架。

Answer 2

W3Schools的页面不会显示在来自不同服务器的iframe元素中，因为W3Schools站点实现了iframe阻止策略。 为此，它使用X-Frame-Options 。 （另请参阅如何阻止网站加载iframe？ ）

您可以通过检查其HTTP标头来检查站点是否实现此策略。 例如，在Firefox中，按F12打开检查工具，然后转到网络 ，选择通过HTTP发送的一个对象并查看标题（或过滤标题，例如“x-frame”）。 以下是W3Schools的相似之处：

注意x-frame-options：截图右下方的SAMEORIGIN 。 使用x-frame-options: SAMEORIGIN在服务器端设置x-frame-options: SAMEORIGIN （或在其他一些网站上使用x-frame-options: DENY ），您将无法在iframe或frame内加载该网站的页面。

有关更多背景信息，请参阅X-Frame-Options - 如何对抗Clickjacking ，它还解释了可在x-frame-options标头中使用的其他值。

如果您想使用不阻止iframe加载的服务器测试网页，请尝试https://wiki.archlinux.org/ 。