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

Question

我正在开发一个 Facebook iFrame 应用程序，并且有一个关于样式的问题。

我希望应用程序内容看起来像 facebook 的其余部分。因此，我能想到的最明显的方法是使用 Facebook 提供的用于包含此类样式的应用程序开发的样式表。但是，我似乎无法在 developers.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 做出重大更改时进行更新。

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