嵌入式 Facebook Like-Box 不会让我设计它。为什么？答案

【问题标题】：Embedded Facebook Like-Box won't let me style it. Why?嵌入式 Facebook Like-Box 不会让我设计它。为什么？
【发布时间】：2011-08-29 23:12:15
【问题描述】：

我正在尝试在我网站的页面上放置一个 Facebook Like-Box，然后通过我自己的 CSS 对其进行样式设置（主要是为了增加授予 div#stream_content 的高度。（这个想法是让 FB 提要行为作为新闻提要，但我不希望用户必须滚动才能看到更多前两项或默认情况下的内容）。

我已阅读并尝试了这些文章中的建议以及更多内容： http://stackoverflow.com/questions/4064038/customizing-facebook-like-box,
http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/,
http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html

我将采用 FBML 路线（而不是使用 iframe），因为我收集到应用跨域样式表是必需的。我还发现我的网页需要这个 doctype 声明：
<!doctype html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en">

那么我在页面正文中有这个：

    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <fb:like-box
            profile_id="***my ID here***" 
            width="450"
            height="600"
            colorscheme="dark"
            show_faces="false"
            stream="true"
            header="false"
            logobar="0"
            css="http://***my domain here***/css/FBstyles.css?1"
            href="http://www.facebook.com/***my page name here***"
    ></fb:like-box>

但我仍然遇到这些错误： “(4) 不安全的 JavaScript 尝试访问带有 URL 的框架...（我的网页）...从带有 URL http://www.facebook.com/plugins/likebox.php?channel=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D2%23cb%3Dfd907a0e%26origin...blahblahblah 的框架。域、协议和端口必须匹配。”

我在哪里搞砸了？

【问题讨论】：

标签： css facebook embed embedding

【解决方案1】：

我也走这条路。尽管您使用的是 FBML，但实际的嵌入式代码最终还是 iframe。（您可以在加载后使用 HTML 检查器在 DOM 中查看它）。我唯一能做的就是把它放在一个带有彩色背景的 div 中，因为 iframe 是透明的，并且有边框。

您可能会遇到错误，因为 Facebook 服务器上的 javascript 正在尝试访问您服务器上的 CSS。我不认为你能做到这一点。

编辑：

在您提供的 StackOverflow 链接中，发布的答案清楚地表明使用您自己的 CSS 仅适用于“粉丝”框，而不适用于“喜欢”框。

【讨论】：

感谢您提出 Fan-vs-Like Box 问题，Sparky，因为我忘了解决它：我尝试哪个都没关系，因为两者都给了我相同的 Unsafe Javascript 错误并且没有造型好运。只有 Like-Box 可以让我自动设置“深色”主题并删除照片和额外的标题。
我在 Facebook 开发人员文档中没有看到使用您自己的样式表的内容。我不相信这是可能的。
@Sparky672：可以说这是一个功能，至少对于 Facebook 而言：他们可以宣传自己的品牌，plus 人们可以'不要轻易将 FB 插件控件伪装成其他东西（“我点击了 what？！它看起来与 Facebook 一点关系都没有！”）
@Piskvor：我同意。也许在一年前有点可能，但就像我提到的那样，我在开发人员文档中找不到能够使用自己的样式表的内容。这一切都与您对品牌的了解背道而驰。
@Sparky672：正如我所说，我认为 FB 关心的是它的自己的品牌，而不是你的。拥有 0.5G 用户，他们可以很好地摆脱“我们的方式或高速公路”:(