Question

我正在尝试向html页面添加推文按钮，我使用来自twitter按钮生成器的官方代码， http://twitter.com/about/resources/buttons#tweet

当我在chrome和Firefox上测试页面时，按钮没有出现，只有带下划线的文字说：“Tweet”

这是代码：

  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">Tweet</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>
  </body>
</html>

Answer 1

我遇到了同样的问题，它让我疯狂，直到我把它缩小到可能被封锁的饼干。我正在运行一个名为'Disconnect'的加载项来自https://disconnect.me/。一旦我禁用此插件并重新启动浏览器，Tweet按钮就会重新开始工作。

因此，如果您使用该插件或任何其他插件阻止Cookie或阻止您被社交网站跟踪，那么如果您想要查看推文按钮，则需要将其禁用。

Answer 2

在 Action here中查看您的代码。我刚刚测试过它在firefox，chrome和IE中运行良好。

查看下面的截图，你的代码在IE 8，Firefox 9，Chrome 16中的表现。它按预期工作。

Screenshot for the code above http://i40.tinypic.com/4jss8w.jpg

Answer 3

你的代码很好。如果您无法看到该按钮，则表示您无法访问twitter.com。

确保您可以通过浏览器正常访问twitter.com，并且您的公司，防火墙，家长控制等不会阻止访问或以任何方式干扰它。

Answer 4

我刚注意到我复制了@ jcaruso的回复。

<强> TL;博士;

尝试停用广告拦截扩展程序。对我来说，问题是由disconnect.me扩展引起的。

我是怎么发现的？我注意到在chrome dev控制台中，对twitter加载widgets.js的请求获得307重定向到about:blank。

感谢that回答，我发现它是由其中一个扩展引起的。禁用disconnect.me扩展名修复了我和其他网页上的twitter和facebook按钮的问题。

Answer 5

对我来说，导致问题的原因是Chrome扩展程序AdBlock。

感谢其他人为我指明了正确的方向！

推文按钮不会出现

5 个答案: