使用 Facebook 样式表的 Facebook iFrame 应用程序

Question

我正在开发 Facebook iFrame 应用程序，并且对样式有疑问。

我希望应用程序内容看起来像 facebook 的其余部分。所以我能想到的最明显的方法是使用 Facebook 提供的样式表来进行包含此类样式的应用程序开发。但是，我似乎在 developer.facebook.com 或任何其他网站上找不到任何关于此的内容。

我之前创建了一些 FBML 应用程序，这些应用程序能够直接使用 Facebook 样式，因为应用程序内容是在 Facebook 页面中呈现的。但是 iframe 不会从父内容继承样式表（也不应该），所以我想知道如何（或者是否可能）这样做。

我发现了一些帖子/博客，它们只是告诉您创建一个模仿 Facebook 外观的应用程序样式表。但我认为这不是一个好主意，因为每次 Facebook 上发生任何变化时都必须更新这个 CSS。似乎所有关于 CSS 的 facebook wiki 页面（我之前使用过）都已被删除。

我不想使用 FBML Canvas 的原因是 Facebook 正在弃用这种方法。他们建议使用 iframe 创建新的应用程序。

http://developers.facebook.com/docs/reference/fbml/

我真的希望有人对此有任何好的想法。

Answer 1

没有官方的方法。出于某种原因，FB 将他们的风格划分到了荒谬的程度。他们还会更改文件名，而不是在每次进行更改时都附加版本参数以防止下游缓存。这是当今样式表的示例：

http://static.ak.fbcdn.net/rsrc.php/y-/r/40PDtAkbl8D.css
http://b.static.ak.fbcdn.net/rsrc.php/yE/r/u7RMVVYiOcY.css
http://static.ak.fbcdn.net/rsrc.php/yT/r/P-HsvhlyVjJ.css
http://static.ak.fbcdn.net/rsrc.php/yT/r/CFyyRO05F0N.css
http://static.ak.fbcdn.net/rsrc.php/y0/r/k00rCIzSCMA.css
http://b.static.ak.fbcdn.net/rsrc.php/yv/r/BJI6bizfXHL.css
http://b.static.ak.fbcdn.net/rsrc.php/yD/r/rmbhh_xQwEk.css
http://b.static.ak.fbcdn.net/rsrc.php/yn/r/xlsrXFt9-vD.css
http://b.static.ak.fbcdn.net/rsrc.php/yN/r/Uuokrl6Xv3c.css
http://b.static.ak.fbcdn.net/rsrc.php/y0/r/klTGALEjWM8.css
http://b.static.ak.fbcdn.net/rsrc.php/yN/r/mlYhlJwnCdr.css
http://b.static.ak.fbcdn.net/rsrc.php/yT/r/uFI2FW2LitH.css
http://b.static.ak.fbcdn.net/rsrc.php/yh/r/5Bzj1255G1S.css
http://b.static.ak.fbcdn.net/rsrc.php/yp/r/5UteuBI1b8_.css

您可以使用 PHP 或 .NET 分别使用现有解决方案 Minify 和 Combiner 轻松自动化此过程。

更简单的方法是使用 Firefox 的 Web Developer 工具栏，转到 Facebook 并选择 Web Developer 工具栏选项以“查看 CSS”，这将为您收集所有 CSS。将其复制并粘贴到您自己的本地样式表中，您只需在 Facebook 进行重大更改时进行更新。

因此，虽然没有简单的方法（我知道），但有一些方法可以让您以相当快速的方式处理它。