未解决的Twitter小工具时代之谜

Unsolved Twitter Widget Mystery of the Ages

本文关键字:时代 工具 Twitter 未解决      更新时间:2024-06-20

这是一个困扰设计师多年的问题,即使在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手机:

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上的显示是kerfloey(比上面的任何一个例子都糟糕得令人尴尬),几个月来一直如此。我不记得在这段时间里更改过Chrome上的任何设置,尽管我在调查另一个谜团时比平时多用了一点(为什么一个图像出现在我的Chrome上,但没有出现在别人的,虽然出现在他的iPad上,但也没有出现在他的桌面上,等等)

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

我不确定我是否应该希望这个问题能让我跨过10个声誉障碍,但如果有人有解决方案或解释,我会很有兴趣了解。

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

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

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

默认的js-twitter小部件是不可靠的,显然不能在所有浏览器或设备上工作。

您需要的是php-twitterapi来生成您想要的html,这样您就可以更好地控制样式。

如果你需要帮助,请告诉我!我为Drupal开发了一个twitter模块。