1

Twitter 建议使用以下代码在您的网站上呈现关注按钮。 

<a href="https://twitter.com/twitter" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-dnt="true" data-show-count="true"></a>

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

该按钮显示一个用户名，后跟一个带有追随者数量和“追随者”一词的气泡。 在此处输入图像描述

我想通过删除“关注者”一词来简化按钮。7 年前有一个CSS 解决方案overflow:hidden，其中涉及使用然后在气泡被切断的地方绘制一个假边框。但是，正如对该答案的评论中所述，该解决方案效果不佳。

今天有更优雅的解决方案吗？CSS 是最好的，但 JavaScript/jQuery 也是可以接受的。

4

2 回答 2

2

不幸的是，我认为您要完成的工作没有实用的解决方案。

因为 Twitter 小部件会生成 iFrame，所以您无能为力。原因是同源策略。您无法访问或修改 iFrame 的内容，除非它们托管在同一个域上（这是一件好事，因为它可以防止许多原本可能发生的跨站点攻击）。

另一种方法可能是在没有关注者数量的情况下显示小部件，并使用单独的 Twitter API 添加您自己的关注者数量。

编辑：为了完整起见，此页面列举了您可以传递给小部件 API 的参数。在发布这篇文章时，除了“show_count”之外，似乎没有与显示的关注者数量相关的任何参数。

于 2019-10-03T00:39:20.907 回答
1

我建议执行以下操作：

  • 首先，像这样添加follow按钮：
<iframe
  src="//platform.twitter.com/widgets/follow_button.html"
  style="width: 88px; height: 20px;"
  allowtransparency="true"
  frameborder="0"
  scrolling="no">
</iframe>
  • 其次，使用Twitter API 文档并使用其端点GET followers/list来显示不带单词的关注者计数。
于 2019-10-03T01:16:58.487 回答