未解决的Twitter小部件时代之谜

时间:2015-02-27 19:38:41

标签: javascript google-chrome firefox twitter

这是一个让设计师多年来困惑的人,即使在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上的显示是使用技术术语kerflooey(令人尴尬地比上述任何一个例子都糟糕),因为它已经持续了好几个月。我不记得在此期间改变了Chrome上的任何设置,虽然我在调查一个不同的谜团时使用它比平常更多(为什么我的Chrome上出现了一个图像,但不是其他人的,虽然在他的iPad上,但是不是他的桌面等)。

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

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

ADDENDUM:我还应该注意,一个版本的小部件在我正在使用的一个WordPress网站上显示正常,而不是另一个,通过相同的浏览器/机器。禁用所有Firefox附加组件和扩展也不会在问题网站上产生所需的呈现。我不能发布的帖子提到Drupal和其他网站上的问题,以及各种修复,没有一个修复。

1 个答案:

答案 0 :(得分:0)

如果您希望完全控制Twitter Feed,那么最好使用Twitter API和PHP开发自己的。

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

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

你需要的是php twitter api来生成你想要的html,这样你就可以更好地控制样式了。

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