最近我尝试在 iframe 中加载 youtube 网站,但我检查它不起作用。我使用了这个简单的代码。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe width="1000px" height="700px" src="http://www.youtube.com" ></iframe>
</body>
</html>
我想知道,为什么我的网页无法加载 youtube 网站 iframe..
我用什么代码在我的网页中加载youtube网站。
我如何在我的网站中使用相同的技术,这样就没有人可以添加我的网站 在 iframe 中。
这个答案写于 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 - 页面只能显示在指定原点的框架中。
截至 2016 年 4 月,Krish R 接受的答案不再有效。 大多数浏览器现在会按照RFC 7034的建议忽略元标记。
实现此标头的正确方法是让服务器将其与文档一起发送。有关详细信息,请参阅有关 X-Frame-Options 的 mozilla 文档。