1

我正在创建一个 facebook webpart，以便我可以包装设置。

当我有以下内容时render()

this.domElement.innerHTML = `
  <div class="${styles.facebook}">
    <div class="${styles.container}">
      <div
        class="fb-page"
        data-href="https://www.facebook.com/ME/"
        data-tabs="timeline"
        data-height="300"
        data-small-header="false"
        data-adapt-container-width="true"
        data-hide-cover="false"
        data-show-facepile="true">
      <blockquote
        cite="https://www.facebook.com/ME/"
        class="fb-xfbml-parse-ignore">
        <a href="https://www.facebook.com/ME/">Yes, its me again</a></blockquote></div>
  </div>
  </div>`;

this.facebook.XFBML.parse();

我收到以下错误

ErrorUtils caught an error: "Blocked a frame with origin "https://www.facebook.com" from accessing a cross...". Subsequent errors won't be logged; see https://fburl.com/debugjs.

我怀疑该框架对 facebook 注入一个iframe

如果我按如下方式加载 facebook：

this.domElement.innerHTML = '<iframe src="https://www.facebook.com/plugins/page.php.........

有用

我想，我可以使用 iframe 方法并仍然注入从属性派生的设置。

4

0 回答 0