获取 iframe 内容的宽度高度

【问题标题】：get width height of iframe content获取 iframe 内容的宽度高度
【发布时间】：2016-09-11 06:01:39
【问题描述】：

嗨，如果有人在 iframe 上使用我的网址，我想我的代码检测到 iframe 及其大小喜欢

<iframe name="test" src="http://mydomin.com/show.php" style="border: 0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%" scrolling="no" border="0" frameborder="0"></iframe>

如果有人在 iframe 上使用 mydomin 我的 show.php 文件检测到它，请使用我们在 iframe 上的 url 和他的大小。它可能吗？请告诉我怎么做

【问题讨论】：

如果我正确理解了您的问题，您想在其他网站上调整 iframe 的大小，对吗？如果是这样，你不能这样做......
我不确定我是否理解这个问题，但我认为您可能指的是帧破坏的做法？在这种情况下，请阅读：davidwalsh.name/javascript-framebuster

标签： javascript php html css iframe

【解决方案1】：

您需要在 iframe 中添加脚本：

if (window !== top) {
  alert(window.innerWidth + ',' + window.innerHeight);
}

此脚本检查您的页面是否在 iframe 中运行：(window !== top)

然后alert宽度和高度。

演示：

http://output.jsbin.com/gabeze

更新

为了防止网站嵌入您的网站，我知道最好的方法是在服务器中。

只需返回标题X-FRAME-OPTIONS: DENY。

X-Frame-Options HTTP 响应标头可用于指示是否应允许浏览器以、或呈现页面。网站可以使用它来避免点击劫持攻击，确保其内容不会嵌入到其他网站中。

MDN

【讨论】：

我尝试这个来阻止所有框架

但是当有人在 iframe 上使用沙盒属性时它不起作用
请告诉我我在做什么？
我更新了我的答案，请检查这个答案是否你的评论。