javascript - 获取 iframe 内容的宽高

Question

您好，如果有人在 iframe 上使用我的 url，我的代码会检测到 ifame 及其大小喜欢

<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 及其大小。可能吗？请告诉我该怎么做

Answer 1

在您的 iframe 中，您需要添加脚本:

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

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

然后提醒宽度和高度。

演示:

http://output.jsbin.com/gabeze

更新

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

只需返回 header X-FRAME-OPTIONS: DENY。

The X-Frame-Options HTTP response header can be used to indicate whether or not a browser should be allowed to render a page in a , or . Sites can use this to avoid clickjacking attacks, by ensuring that their content is not embedded into other sites.

MDN