Twitter嵌入式时间线无法更新。

Question

我们正在使用 Twitter 嵌入时间线小部件，具体请参考此处的文档。

根据文档说明，它应该“实时”自动更新：

“这些新的时间轴工具是专为 Web、移动 Web 和触摸设备构建的。它们加载速度快，可以随着您的流量扩展，并且可以实时更新。”

但它并没有那样做。IFrame 最初加载得很好，但之后就再也没有更新了。当我在 Chrome 开发人员工具中查看网络选项卡时，我没有看到任何错误，也没有看到进一步的数据网络请求。

有其他人注意到了吗？是文档不正确，这个功能不存在吗？我正在使用 Twitter 提供的代码片段。

<a class="twitter-timeline" data-screen-name="foxnews" data-widget-id="11111111111111" data-chrome="nofooter noheader noscrollbar transparent" data-tweet-limit="10"></a> 
  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?"http":"https";if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
  if (typeof(twttr) !== "undefined") {
    twttr.widgets.load();
  }
</script>

更新 如果我使用从向导/生成器中粘贴的代码片段，更新将会显示。然而，当我添加自定义数据属性时，它就停止工作了。

- emersonthis

Answer 1

原来，当使用data-tweet-limit="#"自定义显示推文的数量时，这是预期的行为。当我删除此属性时，小部件会再次轮询更新。

- emersonthis

Answer 2

这段代码似乎已经过时了。你能试一下看看它是否有效吗？

<a class="twitter-timeline" href="https://twitter.com/FoxNews" data-widget-id="591265000628559874">Tweets by @FoxNews</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

如果它有效，你可以创建自己的小部件（确保你先登录到 Twitter）在这里。

- Theo Bearman

---

我从小部件“仪表板”中创建了一个新的小部件，并将其放置在静态页面中，但它没有更新。我添加的唯一内容是 data-screen-name="foxnews"，因为他们经常发布推文。 - emersonthis

@SDP 你具体想要定制什么？你不能从 Twitter 的新小部件向导中添加所需的自定义吗？ - Theo Bearman

没有向导，只是链接到文档页面，介绍如何添加数据属性进行自定义。我正在使用noheader、nofooter、user-name和transparent。 - emersonthis

@SDP 你不能就直接使用那个吗？ - Theo Bearman

不，绝对不行。首先，Twitter用户名是动态的...所以我们必须使用该属性。页眉和页脚也不适合我们的应用程序。这就是这个问题的重点。 - emersonthis