Facebook Iframe色彩主题

时间:2017-01-27 12:43:19

标签: javascript html5 iframe

有人可以解释为什么Facebook的iframe colorscheme无效吗?

事实上,它确实适用于Javescript SDK。

为什么它不适用于Iframe?尝试将(data-colorscheme =“dark”)添加到iframe但没有成功。

https://developers.facebook.com/docs/plugins/like-button

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FAdamskyMotorkylareAb%2F%3Ffref%3Dts&width=240&layout=standard&action=like&size=small&show_faces=true&share=false&height=80&appId" width="240" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="false" colorscheme="dark"></iframe>

1 个答案:

答案 0 :(得分:0)

  

尝试将(data-colorscheme =“dark”)添加到iframe但没有成功。

这些数据属性仅由JS评估。当您使用iframe版本时,Facebook甚至无法读取该属性,因为它位于来自不同域的文档中。

对于iframe版本,您需要将其作为参数传递到URL:

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.
  com%2FAdamskyMotorkylareAb%2F%3Ffref%3Dts&width=240&layout=standard&...&colorscheme=dark" width="240" hei