Facebook post 嵌入呈现但未显示
Facebook post embed renders but isn't showing up
我正在尝试使用他们的 JS SDK 让 Facebook Post 嵌入在我自己的网站上运行,但它似乎没有出现。
嵌入式 iframe 上的一些内联样式及其封装的 span 控制着 widget 的显示。
我发现了一些技巧,但它们并不完美。我在相同的代码上使用了 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>
请看照片附件。
谢谢
P.S。 Facebook代码是直接从他们的文档中复制过来的,HERE
我假设您只是通过在浏览器中打开 HTML 文件来尝试过此操作。您必须使用本地或远程服务器打开它。如果我使用具有完全相同代码的本地服务器启动它,它工作得很好。
我正在尝试使用他们的 JS SDK 让 Facebook Post 嵌入在我自己的网站上运行,但它似乎没有出现。 嵌入式 iframe 上的一些内联样式及其封装的 span 控制着 widget 的显示。 我发现了一些技巧,但它们并不完美。我在相同的代码上使用了 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>
请看照片附件。
谢谢
P.S。 Facebook代码是直接从他们的文档中复制过来的,HERE
我假设您只是通过在浏览器中打开 HTML 文件来尝试过此操作。您必须使用本地或远程服务器打开它。如果我使用具有完全相同代码的本地服务器启动它,它工作得很好。