未解的推特小工具时代之谜

Question

这是一个困扰设计师多年的问题，即使在 Twitter 的变化过程中以及无数小时的扯头发和责备开发者的过程中也是如此。

Twitter 生成自己的 js 小部件来呈现时间线。这是一个没有任何自定义的代码示例，用于实际帐户 - 出于科学而非可读性的目的而粘贴：

<a class="twitter-timeline"  href="https://twitter.com/OT_Tweep/lists/ordinary-twitter" data-widget-id="570958838329643008">Tweets from https://twitter.com/OT_Tweep/lists/ordinary-twitter</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>

我在这里太菜鸟，无法直接包含图像。这是一个链接，它应该看起来如何 - 实际上在许多浏览器/机器上看起来 - 比如 Safari，今天但不是昨天！Chrome - 也在 Firefox for mobile 上：

http://ordinary-gentlemen.com/wp-content/uploads/2015/02/correct_twitter_widget_display_safari.png

这是它在 Firefox 36.0/Windows 7 上的呈现方式：

http://ordinary-gentlemen.com/wp-content/uploads/2015/02/twitter_widget_display_firefox.png

不酷！但不是纯粹的 Firefox 问题，也不是 WordPress 问题，也不是新问题。从字面上看，就在几天前，Chrome 上的显示，用技术术语来说，是 kerflooey（比上述任何一个例子都糟糕），就像几个月前一样。我不记得在此期间更改过 Chrome 上的任何设置，尽管在调查另一个谜团时我使用它的次数比平时多一点（为什么图像出现在我的 Chrome 上，而不是其他人的，虽然在他的 iPad 上，但是不是他的桌面等）。

有一个 Twitter 开发者论坛帖子可以追溯到 2012 年，持续了至少几年，从未完全解决，其中一个接一个的投诉。一些用户似乎认为他们已经解决了问题，而另一些用户仍然不高兴。我会链接它，但我也超过了帖子中链接的新手限制。如果有人感兴趣，我很乐意将其发布在一个线程中。

我不确定我是否应该希望这个问题能让我越过 10 名声望障碍，但我很想知道是否有人有解决方案或解释。

附录：我还应该注意，小部件的一个版本在我正在使用的一个 WordPress 网站上显示良好，但在另一个网站上却不能通过相同的浏览器/机器显示。禁用所有 Firefox 附加组件和扩展也不会在问题站点上产生所需的呈现。我无法发布的帖子提到了 Drupal 和其他网站上的问题，以及广泛的修复，但没有一个修复。

Answer 1

如果您想完全控制 Twitter 提要，最好使用 Twitter API 和 PHP 开发自己的提要。

https://github.com/J7mbo/twitter-api-php

默认的 js twitter 小部件不可靠，显然不适用于所有浏览器或设备。

您需要的是 php twitter api 来准确生成您想要的 html，以便您可以更好地控制样式。

如果您需要帮助，请告诉我！我为 Drupal 开发了一个 twitter 模块。