如何阻止网站在 iframe 中加载?

问题描述 投票:0回答:2

最近我尝试在 iframe 中加载 youtube 网站,但我检查它不起作用。我使用了这个简单的代码。

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe width="1000px" height="700px" src="http://www.youtube.com" ></iframe>
</body>
</html>
  1. 我想知道,为什么我的网页无法加载 youtube 网站 iframe..

  2. 我用什么代码在我的网页中加载youtube网站。

  3. 我如何在我的网站中使用相同的技术,这样就没有人可以添加我的网站 在 iframe 中。

javascript jquery html iframe youtube
2个回答
48
投票

这个答案写于 2013 年,记录了一个 DEPRECATED 标头。请参阅其他现代等效答案。


对于 2013 年的浏览器,需要使用

X-Frame-Options
HTTP 标头。可以通过Web服务器配置设置来实现。

您可以在标题中查看

X-Frame-Options
,如下图所示,

参考:https://www.keycdn.com/blog/x-frame-options/

如果您的浏览器不支持,那么您将没有点击劫持防御,可以使用 HTTP 标头字段 X-Frame-Options,

  <meta http-equiv="X-Frame-Options" content="deny">

X-Frame-Options 有三个可能的值:

否认- 无论站点尝试这样做,该页面都无法在框架中显示。

同源 - 页面只能显示在与页面本身同源的框架中。

允许来自 uri - 页面只能显示在指定原点的框架中。


26
投票

截至 2016 年 4 月,Krish R 接受的答案不再有效。 大多数浏览器现在会按照RFC 7034的建议忽略元标记。

实现此标头的正确方法是让服务器将其与文档一起发送。有关详细信息,请参阅有关 X-Frame-Options 的 mozilla 文档。

© www.soinside.com 2019 - 2024. All rights reserved.