Facebook帖子嵌入渲染但未出现

时间:2018-03-12 07:13:16

标签: javascript iframe facebook-javascript-sdk frontend facebook-social-plugins

我试图让Facebook Post使用他们的JS SDK在我自己的网站上工作,但它似乎并没有显示出来。 嵌入式iframe上的某些内联样式及其封装的跨度控制窗口小部件的显示。 我找到了一些黑客,但它们并不完美。我在同一个代码上使用了facebook的JS游乐场,但它确实有效。 没有任何样式表干扰这个文件,也没有扩展,我在firefox中检查过,结果是一样的。

编辑:在此处发布代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <script src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12" async></script>
        <div class="fb-post" data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" data-width="500"></div>
    </body>
</html>

请注意照片附件。

感谢enter image description here

P.S。 Facebook代码直接从其文档HERE

复制而来

1 个答案:

答案 0 :(得分:1)

我假设你只是在浏览器中打开HTML文件就试过这个。您必须使用本地或远程服务器打开它。如果我使用具有完全相同代码的本地服务器启动它,它可以正常工作。

例如:https://www.npmjs.com/package/http-server