Javascript 在Twitter的follow按钮中隐藏单词“followers”

Twitter建议使用以下代码在您的站点上呈现follow按钮

<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>

该按钮显示一个用户名，后跟一个带有跟随者计数和单词followers的气泡。

我想通过删除单词followers来简化按钮。7年前有一个例子，它涉及到使用溢出：隐藏，然后画一个假边界，在那里气泡被切断。然而，正如对该答案的评论中所描述的那样，该解决方案并不十分有效

---

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

不幸的是，我不认为有一个实用的解决方案可以解决您试图实现的目标

因为Twitter小部件生成了一个iFrame，所以您没有什么可以做的。其原因是。除非iFrame托管在同一个域上，否则您无法访问或修改iFrame的内容。这是一件好事，因为它可以防止大量可能的跨站点攻击

另一种方法可能是在不显示跟随者计数的情况下显示小部件，并使用单独的Twitter API添加您自己的跟随者计数

---

编辑：为了完整性，枚举可以传递给小部件API的参数。在撰写本文时，除了与显示的跟随者计数相关的show_count之外，似乎没有任何其他参数。

不幸的是，我认为对于您试图实现的目标，没有实际的解决方案

因为Twitter小部件生成了一个iFrame，所以您没有什么可以做的。其原因是。除非iFrame托管在同一个域上，否则您无法访问或修改iFrame的内容。这是一件好事，因为它可以防止大量可能的跨站点攻击

另一种方法可能是在不显示跟随者计数的情况下显示小部件，并使用单独的Twitter API添加您自己的跟随者计数

---

编辑：为了完整性，枚举可以传递给小部件API的参数。在撰写本文时，除了显示的跟随者计数外，似乎没有任何参数与显示的跟随者计数相关。

我建议执行以下操作：

首先，添加如下按钮： 其次，使用&使用其端点GET followers/list来显示不带单词的followers count number。

---

我建议采取以下措施：

首先，添加如下按钮： 其次，使用&使用其端点GET followers/list来显示不带单词的followers count number。

---

出于好奇，如果您将数据show count更改为false会发生什么？我可以想象在最坏的情况下，您可以在小部件加载后调用函数并执行标准javascript dom黑客操作。不过似乎应该有一些OOTB配置设置。@PhilipStratford它隐藏了整个过程bubble@mwilson我就是这么想的，因为没有官方的设置。你想提供这一点作为答案吗？你是否建议关闭整个弹出窗口？我只想删除followers这个词。关注者计数很有用。出于好奇，如果您将数据显示计数更改为false会发生什么？我可以想象在最坏的情况下，您可以在加载小部件后调用函数并执行标准javascript dom黑客操作。不过似乎应该有一些OOTB配置设置。@PhilipStratford它隐藏了整个过程bubble@mwilson我就是这么想的，因为没有官方的设置。你想提供这一点作为答案吗？你是否建议关闭整个弹出窗口？我只想删除followers这个词。关注者数量很有用。一旦远程代码被执行和加载，它就会成为站点访问者在浏览器中查看的最终HTML的一部分。用JavaScript或其他方式，怎么可能从最终视图中破解出文本字符串呢？@KnocksX iFrame的内容不属于宿主页面。iFrame在许多方面被浏览器视为一个单独的选项卡，以至于chrome能够准确地支持它。不允许父页面访问或修改iFrame的内容，除非原点相同，即使在父页面呈现之后也是如此。有点关联，得出了类似的结论。谢谢，我现在同意了，我已经考虑过了。试图驯服谷歌的疯狂广告也有类似的问题，不管container div的规则如何，这些广告都有自己的尺寸，甚至不尊重用户！重要信息。一旦远程代码被执行和加载，它将成为站点访问者在浏览器中查看的最终HTML的一部分。用JavaScript或其他方式，怎么可能从最终视图中破解出文本字符串呢？@KnocksX iFrame的内容不属于宿主页面。iFrame在许多方面被浏览器视为一个单独的选项卡，以至于chrome能够准确地支持它。不允许父页面访问或修改内容

---

除非原点相同，否则即使在父页面呈现之后，也会显示iFrame的。有点关联，得出了类似的结论。谢谢，我现在同意了，我已经考虑过了。试图驯服谷歌的疯狂广告也有类似的问题，不管container div的规则如何，这些广告都有自己的尺寸，甚至不尊重用户！重要的

<iframe
  src="//platform.twitter.com/widgets/follow_button.html"
  style="width: 88px; height: 20px;"
  allowtransparency="true"
  frameborder="0"
  scrolling="no">
</iframe>