Checking if my page is embedded in an iframe

2019-04-08 21:14发布

I would like to test if my page (php) is embedded in an iframe or not, in order to implement a different behaviour. Any idea how to test this. I'm also using jQuery if it helps.

Addition : I'm especially interested if there would be a method to test this on the server rather than in the client with Javascript

4条回答
ゆ 、 Hurt°
2楼-- · 2019-04-08 21:54

I don't know if there is a specific JQueryway but in vanilla javascript you can simply;

if (top != self)
  alert("framed!")
查看更多
ら.Afraid
3楼-- · 2019-04-08 21:59
<script language="JavaScript" type="text/javascript">
function InFrame()
{

  if (top.location != location) {
  //Do whatever you need- your site is in an iframe.

  //This will redirect to your site if you need to
  //top.location.href = document.location.href ;
  //
  }
}
</script>
查看更多
时光不老,我们不散
4楼-- · 2019-04-08 22:10

maybe:

var isInIFrame = (window.location != window.parent.location) ? true : false;
查看更多
聊天终结者
5楼-- · 2019-04-08 22:15

You could use JavaScript, I think something like the following should work:

if (top != self) {
    // you're in an iframe, or similar.
}

Link to original, meyerweb, article.


Edited with regard to the question's update:

Addition : I'm especially interested if there would be a method to test this on the server rather than in the client with Javascript

This can't be 'checked' on the server side, but, you could use the X-Frame-Options header, there are two options:

  1. DENY: prevents the resource being framed anywhere (assuming the browser supports the X-Frame-Options header, anyway), or
  2. SAMEORIGIN: which allows framing of the resource only by pages from the same-domain, much like JavaScript's same-origin policy.

To use this, you'd need to configure your server to send the relevant header; though specific advice for that can't be given without knowing what server you're running; though the linked article at the Mozilla Developer Center does show the Apache option.

查看更多
登录 后发表回答