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

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

我究竟做错了什么? 谢谢 iframe显示空白

#1楼 票数:4

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

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

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

#2楼 票数:1

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

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

屏幕截图显示了Firefox Developer Toolbar中的HTTP Response标头'x-frame-option:SAMEORIGIN'

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

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

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

  ask by Jeff translate from so

未解决问题?本站智能推荐:

1回复

iframe在iOS上显示为空白

我有一个用iframe打开包含广告的页面。 但是,当我在iPhone上打开它时。 这是空白的。 是否存在阻止iOS显示此框架的内容? 注意:如果您打开iframe外部的网址,则会重定向到其他位置。 在我的情况下将重定向到FB页面。
1回复

几个iframe之间的空白

我的页面上有几个iframe,并且需要第一个缩放。 但是,当我进行以下操作时:缩放后http://tak.robi.to/scale/index2.htm ,第一个和第二个之间有空格/空白。 我需要在第一个和第二个之间设置一个始终为20px(即使缩放)的空间。 #slider {
1回复

删除iframe下的空白

我目前正在尝试在调整大小时删除iframe下方的空白区域。 我主要使用CSS的Bootstrap。 目标是让iframe占据导航栏下方100%的页面。 iframe被切断和空格拖尾的示例 这就是我所说的iframe: 页面中唯一的其他元素是导航栏。 我尝试了以下操作:将ifr
1回复

奇怪的iframe加载src,但在Firefox和Safari浏览器中显示为空白

我面临一个似乎无法解决的怪异问题。 我在滚动框类型的小部件中使用了iframe,并且在Chrome中可以正常加载。 但是,在Firefox中,iframe会加载,但80%以上的时间显示空白。 在野生动物园中,它显示为空白,直到我用光标将其移到上方。 真正令我抓狂的是,它有时会正确显示
2回复

用Iframe(jsfiddle)填充空白

我正在尝试构建一个页面,该页面具有标题和左侧栏,并且在内容区域具有iframe。 我不希望iframe区域填充整个内容区域(空白区域),但似乎无法正常工作。 我正在寻找完全适合的IFrame,这意味着它从标题和左侧菜单边缘结束的地方开始。 我似乎只能使它从页面的一侧延伸到另一侧,或者使其位
10回复

删除围绕iframe的额外空白?

我在我的页面中使用 iframe,并且偶然发现了一个奇怪的问题。 我像这样设置 iframe css 但是,iframe 周围仍然有空白。 我在 Chrome 和 Firefox 上都测试过,结果是一样的。 我四处寻找,没有找到任何东西。 这个空白也不会出现在 Chrome 控制台中。 另外,我也已
2回复

如何删除iframe和div之间的空白

我正在尝试删除iframe和div之间的空白。 最初有一个巨大的空白,但是在添加margin: 0px; 对于我的div iframe , div和h1 ,空白仍然保留,但会变小。 有人知道如何删除奇怪的空白吗?
2回复

带iframe的Div(隐藏并显示iframe)

我想做的是这样的: 在我的网站中,我想在左上角有一个div,当鼠标不在其上方时,它只是一个带有颜色的简单正方形(目前)。 为此,我有以下代码: 当然,在我的CSS中非常简单: 好的,现在就可以了。 现在,当我使用MOUSEOVERIT时,我想在此div上显示的是iframe: