【问题标题】:Twitter api response inside a Facebook AppFacebook 应用程序内的 Twitter api 响应
【发布时间】:2013-09-09 10:35:47
【问题描述】:

我有一个 FB 页面选项卡应用程序 - 基本上是 iframe 内的网页,当用户单击页面选项卡时会显示。

在网页内部,我有一个 Twitter 按钮。我正在使用 Twitter 的 API 来查明用户何时成功发推文。这是我用于此的代码:

twttr.events.bind('tweet', function(event) {
    alert("tweet's ocured");
});

问题是 - 如果我正常查看该页面,我会在一条推文后收到 alert()。如果我从 Facebook 上查看它就不起作用.... 好像 Twitter 的响应没有传递到 Fb 上的页面?

此外,在我的控制台中,我收到以下警告:

TWITTER:内容安全政策限制可能适用于您的 地点。添加到抑制 这个警告。

.

TWITTER:请注意:并非所有嵌入的时间线和嵌入的推文 应用 CSP 时支持功能。

.

阻止了来源为“http://giveaway-testing.herokuapp.com”的帧 从访问来源为“http://www.facebook.com”的框架。这 正在访问的框架将“document.domain”设置为“facebook.com”,但 请求访问的框架没有。两者都必须将“document.domain”设置为 相同的值以允许访问。

.

阻止来自“http://platform.twitter.com”的帧 访问来源为“http://www.mysitehere.com”的框架。框架 请求访问将“document.domain”设置为“twitter.com”,但 被访问的框架没有。两者都必须将“document.domain”设置为 相同的值以允许访问。

以前有人处理过这些问题吗?如果有帮助,我们将不胜感激!

【问题讨论】:

    标签: facebook twitter


    【解决方案1】:

    要解决“TWITTER”控制台消息,请将以下代码添加到您的页眉:

    <meta name="twitter:widgets:csp" content="on">
    

    在 Twitter 开发者文档的底部解释了元标记的使用:https://dev.twitter.com/web/overview/widgets-meta-elements

    其他警告与 JavaScript 的同源策略有关。您原始帖子中提到的警告之一中的http://giveaway-testing.herokuapp.com 不再可用。您还有要查看的页面版本吗?

    【讨论】:

      猜你喜欢
      • 2010-12-02
      • 1970-01-01
      • 1970-01-01
      • 2012-06-15
      • 2012-05-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多