从嵌入的推文中删除关注按钮

我正在网站上嵌入推文,我想删除关注按钮以及页脚中的回复collections夹转发按钮。 最小的HTML示例如下

  

通过检查代码,一旦推文被显示,我认为该按钮被包装如下

  

到目前为止,我尝试使用JQuery删除此类

 $('.follow-button.profile').remove() 

我还尝试通过在样式表中添加以下行来覆盖css:

 .follow-button {visibility:hidden;} 

在这篇文章后 ,我尝试添加这一行

 .twt-actions { display: none; } 

以上都没有奏效。 是否有定制这些嵌入式推文的解决方案?

这是不可能的。 您正在从具有同源策略的源加载跨域内容到iframe,这意味着您无法操纵Javascript中的内容。

据我所知,没有用于不使用iframe的推文的开箱即用嵌入代码。

你有两个选择。 第一个选项是显示提供的推文。 第二个选项是使用API​​来检索推文并根据需要显示它。 对于后者,您必须注册API密钥。

或者,您可以在这里找到解决方法,但我不能保证任何这些建议的实施质量。

我已经设法使用返回Shadow DOM elementwidget来完成此操作。 我在这里读到你可以从shadow elements操纵CSSTwitter Widget定义了一个Shadow element ,在我的情况下,我只嵌入了一条推文,它有一个id: #twitter-widget-0
所以,我在CSS了以下内容:

  #twitter-widget-0::shadow div.Tweet-brand { display: none; } 

我希望它有用!

如果你有多个小部件