Facebook页面插件无法在HTML页面中显示

时间:2015-11-06 16:57:57

标签: javascript facebook

我正在尝试在html页面中插入facebook页面插件,我正在遵循本指南:https://developers.facebook.com/docs/plugins/page-plugin 这是我在页面中插入代码的方式:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>CNN</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  </head>
  <body>
  <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/cnn" data-width="300" data-height="200" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/cnn"><a href="https://www.facebook.com/cnn">CNN</a></blockquote></div></div>


  </body>
</html>

但页面插件无法显示。知道它为什么不起作用吗?

1 个答案:

答案 0 :(得分:0)

问题是我在本地测试了脚本,这就是为什么它没有用。我在服务器上上传了html页面,但它确实有效。