Question

我正在创建一个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方法并仍然注入从属性派生的设置。

spfx第三方javascript注入iframe

0 个答案: