我正在尝试使用他们的 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>
请参阅照片附件。
附注Facebook 代码直接从他们的文档中复制,HERE
最佳答案
我假设您只是通过在浏览器中打开 HTML 文件来尝试此操作。您必须使用本地或远程服务器打开它。如果我使用具有完全相同代码的本地服务器启动它,它工作得很好。
关于javascript - Facebook 帖子嵌入呈现但未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49229867/