未解决的Twitter小工具时代之谜
Unsolved Twitter Widget Mystery of the Ages
这是一个困扰设计师多年的问题,即使在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模块。
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- 如何在GoogleWeb工具包(GWT)中从JSNI调用接口(实例化)
- 删除CKEditor工具栏按钮,但不删除功能
- d3.js Chord图的动态工具提示
- jQuery工具验证器自定义效果-添加&消除影响
- Graphiti中是否有任何工具提示功能
- "工具提示"jQuery插件坏了
- 单元格的工具提示或标题不显示超过2000个字符
- 用于高级文本的格式化工具
- d3.js用按钮更新条形图工具提示
- 克隆和恢复”;工具化的“;元素
- 使Intro.js工具提示响应
- 画布中绘制的矩形区域的弹出工具提示
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 有什么工具可以轻松读取javascript代码吗
- 如何使用ReSharper自定义HTML工具进行JavaScript测试
- asp.net中的验证工具
- 如何安装Jasmin:Velocity项目上的javascript测试工具
- 未解决的Twitter小工具时代之谜