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

时间:2011-01-11 18:40:21

标签: css facebook

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

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

我之前已经创建了一些FBML应用程序,并且这些应用程序能够直接使用Facebook样式,因为应用程序内容已在facebook页面中重新呈现。但iframe不会从父内容继承样式表(也不应该继承),所以我想知道如何(或可能)这样做。

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

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

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

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

1 个答案:

答案 0 :(得分: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

您可以使用现有解决方案MinifyCombiner分别使用PHP或.NET轻松自动执行此过程。

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

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