Facebook页面选项卡在Internet Explorer 8中为空白

时间:2011-11-30 17:24:05

标签: facebook internet-explorer-8 facebook-page facebook-apps

我开发了一个Facebook页面标签,可以兼作网站风格的应用程序:

http://www.facebook.com/pages/ECSid/246158322109906?sk=app_249322331789747

当您在Chrome,Firefox或Safari上访问此应用时,iframe会正常呈现。但是在IE中,您将显示一个空白页面选项卡。如果我从选项卡中删除所有内容并将其替换为一些基本HTML,则会显示IE,如果我独立于Facebook查看页面选项卡,则可以正常工作。

当使用IE8的开发人员工具时,似乎只加载了一半的页面选项卡正在加载,几乎就像加载头部并放弃一样。在Chrome中进行测试时,javascript似乎没有任何错误,我似乎无法在IE中看到任何错误。

Chrome测试时出现的唯一其他问题是此错误:

Unsafe JavaScript attempt to access frame with URL http://www.facebook.com/risetoremain from frame with URL...

有关如何在IE中呈现此标签的任何建议吗?

4 个答案:

答案 0 :(得分:1)

由于您的应用适用于iframe:facebook页面标签,
为了使internet explorer工作正常,您应该通过以下方式设置P3P政策设置:

for php:<?php header("p3p: CP=\"ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV\"");?>

for asp.net(在global.asax中):

protected void Application_BeginRequest(Object sender, EventArgs e)
{

    HttpContext.Current.Response.AddHeader("p3p", "CP=\"CAO PSA OUR\"");

}

否则在Internet Explorer中您无法访问cookie

应用P3P后,您的回复标题如下所示:

Response Headers
Cache-Control   no-cache
Content-Type    text/html; charset=utf-8
Server  Microsoft-IIS/7.0
P3P CP="CAO PSA OUR"
...

答案 1 :(得分:1)

我有同样的问题,只有我的问题是facebook正在为我的页面标签的html元素添加一个非常大的负边距。所以我的内容就在那里,它只是移动了大约3000像素。为我的html元素添加内联样式对我有用。

<html xmlns="http://www.w3.org/1999/xhtml" style="margin-left:0 !important;">

答案 2 :(得分:0)

我知道这有点晚了但我们遇到了同样的问题,我通过在html中添加doc类型来解决它。它为IE7和IE8解决了这个问题。

答案 3 :(得分:-3)

我遇到了同样的问题,我刚从代码中删除了“console.log”。