如何防止我的网站页面被加载通过第三方网站框架的 iFrame

在页面加载过程中，如何发现我的页面以框架的形式嵌入到其他站点？我想引用请求头部不能帮助我这里？谢谢。

80941 次浏览
小开
最佳答案

You cannot check it from the server's side, but you can use javascript to detect it after the page has loaded. Compare top and self, if they're not identical, you are in a frame.

Additionally, some modern browsers respect the X-FRAME-OPTIONS header, that can have two values:

  • DENY – prevents the page from being rendered if it is contained in a frame
  • SAMEORIGIN – same as above, unless the page belongs to the same domain as the top-level frameset holder.

Users include Google's Picasa, that cannot be embedded in a frame.

Browsers that support the header, with the minimum version:

  • IE8 and IE9
  • Opera 10.50
  • Safari 4
  • Chrome 4.1.249.1042
  • Firefox 3.6.9 (older versions with NoScript)
小开

Stackoverflow includes some JS to test it (master.js). This is the relevant part of it:

if(top!=self){
top.location.replace(document.location);
alert("For security reasons, framing is not allowed; click OK to remove the frames.")
}

But keep in mind that JS can be disabled.

小开

Use javascript to check if it was loaded on iframe by placing the following script at the end of your php file and redirect to a page that displays warning or notice that your page should not be loaded using iframe.

<script type="text/javascript">
if(top.location != window.location) {
window.location = '/error_iframe.php';
}
</script>
小开

Or you can block a specific domain if you don't mind your content in some locations but don't want it on a certain site. For example, if offendingdomain.com was embedding your content, you could do this:

<script type="text/javascript">
if(document.referrer.indexOf("offendingdomain.com") != -1) {
window.location = "http://www.youtube.com/watch_popup?v=oHg5SJYRHA0";
}
</script>

This would check the parent document's location and see if it's the offendingdomain.com that is embedding your content. This script will then send that iframe to a certain famous youtube video as punishment. In effect they just Rick-Rolled themselves.

小开

you can prevent loading you page in an iframe with javascript

<script type="text/javascript">
if ( window.self !== window.top ) {
window.top.location.href=window.location.href;
}
</script>

this code change address of container of your page's iframe to your page address and force container to show your page.

小开

For modern browsers, you can use CSP (Content Security Policy), which is a standard. The following header will prevent the document from loading in a frame anywhere:

Content-Security-Policy: frame-ancestors 'none'

(IE 11 needs the X- prefix, though). You can also change 'none' to the origin on which framing is allowed, such as your own site.

To cover the older browsers, this is best used together with @Maerlyn's answer.

小开 
<?php
header("Content-Security-Policy: frame-ancestors 'none'");
?>
小开

Replace hosname to domain name

if (window.top.location.host != "hostname") {
document.body.innerHTML = "Access Denied";
}
小开

I using this PHP code on top of the header

if($_SERVER['SERVER_NAME'] != 'yourwebsite.com'){
header('location: yourwebsite.com');
}

if someone did iframe your site it will redirect to your website


提交答案