javascript - Facebook 帖子嵌入呈现但未显示

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

我正在尝试使用他们的 JS SDK 在我自己的网站上嵌入 Facebook 帖子,但它似乎没有显示。 嵌入式 iframe 上的一些内联样式及其封装它的范围控制着小部件的显示。 我发现了一些技巧,但它们并不完美。我在相同的代码上使用了 facebook 的 JS Playground,它可以工作。 没有任何样式表干扰该文件,也没有扩展名,我在 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

附注Facebook 代码直接从他们的文档中复制,HERE

最佳答案

我假设您只是通过在浏览器中打开 HTML 文件来尝试此操作。您必须使用本地或远程服务器打开它。如果我使用具有完全相同代码的本地服务器启动它,它工作得很好。

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

关于javascript - Facebook 帖子嵌入呈现但未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49229867/

相关文章:

javascript - ajax给出html和脚本

html - 为什么这在 firefox 和 chrome 中有效,但在 IE8 中无效

javascript - Facebook 分享或取消后出现空白页面

javascript - 如何获得垂直列表以将 PDF 加载到 iFrame 中

Facebook Javascript SDK 本地主机错误消息

facebook - 通过 FB.ui 共享对话框为显式共享的开放图故事动态生成描述

javascript - 使用 https 的 Cordova 文件传输插件不适用于 Windows

javascript - 无论我做什么,都无法让 Google Ads 在 React 中显示

单独对象的构造函数中的 JavaScript 变量隔离

jquery - 将事件绑定(bind)到动态创建的 iframe 元素