如何在iframe中嵌入facebook页面?

如何在iframe中嵌入facebook页面?,facebook,iframe,Facebook,Iframe,对于我的应用程序,我需要将Facebook页面嵌入iframe中,以下是html代码: <html> <head></head> <body> <iframe src="http://www.facebook.com" style="width:100%;height:100%"> </body> </html> 但它不起作用,你知道为什么以及如何规避吗?我相信facebook是一个反框架脚本。它检测它是否

对于我的应用程序,我需要将Facebook页面嵌入iframe中,以下是html代码:

<html>
<head></head>
<body>
<iframe src="http://www.facebook.com" style="width:100%;height:100%">
</body>
</html>


但它不起作用,你知道为什么以及如何规避吗?

我相信facebook是一个反框架脚本。它检测它是否在iframe中,并显示一个徽标,当您单击该徽标时,它会将您带出iframe。也许他们有一个sdk,它首先允许进行身份验证,然后允许使用iframe。我不知道


更多信息:

我知道这有点老了,但在我寻找类似答案时,它出现在我的搜索中。您可以从以下页面获得嵌入iframe的代码:使用社交插件,其中包含公共帖子、评论等(有点像YouTube嵌入)。不过,我认为Facebook永远不会允许你对整个网站进行框架设计。

现在它可以工作了。示例代码如下:

faceframe.html

ff1.html

打开faceframe.html


现在这一切都结束了。试试看,它正在工作…

您必须检查这些站点的HTTP响应头X-Frame-Option。如果其值为“DENY或SAMEORIGIN”,则无法在iFrame中加载这些网站


拒绝=没有人可以在iframe中加载网站。即使是同一个域页面也无法加载。SAMEORIGIN=只有同一域中的页面才能在iframe中加载此网站。

您可以通过服务器代理请求。基本上,从服务器请求url,然后编写一些逻辑,让服务器请求加载页面所需的所有url。不过,我不建议将其用于任何商业用途,因为这不会让facebook高兴


更好的解决方案是使用facebook iframe。您可以通过编程将任何fb页面url转换为fb允许您插入iframe的url。查看他们的文档以了解更多信息。对于fb页面来说,它工作得非常完美。

Alex是正确的,除了facebook之外,许多网站都这样做,因为你正在“窃取他们的谷歌汁”,这是一种非常令人不快的做法。所以没有办法绕过它吗?我不知道有什么办法。如果有,则只有他们可以向您提供答案。这不起作用,浏览器不允许将本地文件加载到iframe,如果您尝试从服务器加载html,您会收到“拒绝在帧中显示”,因为它将“X-frame-Options”设置为“拒绝”