javascript - Twitter 时间线小部件在 Chrome 中不起作用

Question

我的 Twitter 时间线小部件不会在 Chrome 中加载，但可以在 Firefox 和 IE 中完美加载。当我检查 Chrome 的控制台时，我得到“资源失败：http: //platform.twitter.com/widgets.js ”，但是当我点击该链接时，它可以工作。

这是我正在使用的代码：

<a class="twitter-timeline"  href="https://twitter.com/funnelholic"  data-widget-id="307229764530339840">Tweets by @funnelholic</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

我还将 www.funnelholic.com 和 funnelholic.com 都列入了白名单

有问题的站点是：http: //funnelholic.com，这是一个 Wordpress 站点，我正在使用 Text 小部件来显示它。

我怎样才能解决这个问题？

Answer 1

我遇到了同样的问题，并且对它在 Chrome 中不起作用感到非常沮丧。

似乎原因是

Adblock Plus

当我为我的页面停用 Adblock Plus 时，它起作用了！

猜猜你，@theintellects，在它不工作的计算机上也有 Adblock 处于活动状态。

话虽如此，我在我的网页上添加了信息，如果用户使用 Chrome 并且他们没有看到任何 Twitter 时间线，他们需要为此页面停用 Adblock Plus

Answer 2

回家并在同一 Chrome 版本的另一台计算机上尝试了它。猜猜它以某种方式没有摆脱缓存......

Answer 3

你需要添加这个脚本

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>