从嵌入的推文中删除关注按钮
我正在网站上嵌入推文,我想删除关注按钮以及页脚中的回复 , collections夹和转发按钮。 最小的HTML示例如下
通过检查代码,一旦推文被显示,我认为该按钮被包装如下
Follow
到目前为止,我尝试使用JQuery删除此类
$('.follow-button.profile').remove()
我还尝试通过在样式表中添加以下行来覆盖css:
.follow-button {visibility:hidden;}
在这篇文章后 ,我尝试添加这一行
.twt-actions { display: none; }
以上都没有奏效。 是否有定制这些嵌入式推文的解决方案?
这是不可能的。 您正在从具有同源策略的源加载跨域内容到iframe,这意味着您无法操纵Javascript中的内容。
据我所知,没有用于不使用iframe的推文的开箱即用嵌入代码。
你有两个选择。 第一个选项是显示提供的推文。 第二个选项是使用API来检索推文并根据需要显示它。 对于后者,您必须注册API密钥。
或者,您可以在这里找到解决方法,但我不能保证任何这些建议的实施质量。
我已经设法使用返回Shadow DOM element
的widget
来完成此操作。 我在这里读到你可以从shadow elements
操纵CSS
。 Twitter Widget
定义了一个Shadow element
,在我的情况下,我只嵌入了一条推文,它有一个id: #twitter-widget-0
。
所以,我在CSS
了以下内容:
#twitter-widget-0::shadow div.Tweet-brand { display: none; }
我希望它有用!
如果你有多个小部件