Javascript 未解之谜的时代

这是一个多年来一直困扰设计师的问题，即使是在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>

!函数（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）；}（文档，“脚本”，“twitter wjs”）；

我在这里太笨了，不能直接包括图片。这里有一个链接，指向它的外观——事实上在许多浏览器/机器上都是如此——比如Safari和，今天但不是昨天！，Chrome-也适用于Firefox for mobile：

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

不酷！但这不是一个纯粹的Firefox问题，也不是WordPress问题，也不是一个新问题。就在几天前，用技术术语来说，Chrome上的显示屏是Kerfooley（比上述任何一个例子都糟糕得令人难堪），几个月来一直如此。我不记得在此期间更改了Chrome上的任何设置，尽管我在调查另一个谜团时使用了比平时多一点的设置（为什么一个图像出现在我的Chrome上，而不是别人的Chrome上，尽管是在他的iPad上，但不是在他的桌面上，等等）

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

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

---

附录：我还应该注意，一个版本的小部件在我使用的一个WordPress站点上显示良好，但在同一个浏览器/机器上显示不好。禁用所有Firefox插件和扩展也不会在问题站点上产生所需的渲染效果。我无法发布的帖子提到了Drupal和其他网站上的问题，以及一系列的修复，但没有一个修复。

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

默认的js twitter小部件不可靠，显然不能在所有浏览器或设备上运行

您需要的是php twitter api来生成您想要的html，这样您就可以更好地控制样式

---

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

多年来，在twitter附加组件这个一般主题上做了大量工作，随着时间的推移，我可能会研究一个定制的小部件。我仍然对这种行为的可能解释和可能的解决办法感到好奇。这是我提到的开发者论坛线程，但无法在OP中链接：听起来twitter提供的js确实存在某种问题。我看到过这样的问题：使用API或js小部件的每个人的配置文件图像都将消失。如果你想使用我的推特订阅模块，请告诉我。我可以帮你打包。谢谢你的好意，我想我可以关注Github的演示，除非有什么新的技巧值得知道，我什么时候可以在那个网站上工作（我只是志愿者，还没有足够的权限安全地添加功能）。