如何使用Chrome永久阻止网站上的div?


12

我喜欢一个网站,但其中的评论栏让我非常恼火。我想在Google Chrome中阻止永久保存所有页面注释的div。

对于临时删除,我可以仅使用Chrome的Web开发人员工具删除该节点。但是,如何将其永久删除?

我怎样才能做到这一点?我敢打赌,Adblock对我没有帮助,也没有善意。即使我尝试,最终还是会略过那些对我的心理健康不利的评论。提示:这是一个体育网站,评论质量很低。

因此,这是虚拟示例:

  • 站点:www.sportsrumours.com
  • 要阻止的DIV: <div class="comments">All annoying comments go here</div>
  • DIV在www.sportsrumours.com的所有页面上均相同

Answers:


25

对于这种情况,我通常建议使用Chrome 的时尚插件

安装完插件后浏览至该站点,然后转到:

时尚(图标)>管理已安装样式>编写新样式。给它命名并选择“应用于”。提供您要从中删除评论的站点的域,然后选择“域上的URL”。

使用类似于以下代码的代码隐藏div:

.comments {display: none !important;}

保存,您应该注意到div现在已隐藏

编辑:时尚的手写笔-您可以在这里下载:https : //chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne


仅供参考:在遵循时髦的数据收集实践的丑闻之后,该代码已被分叉,清除并重新发布为“手写笔”。麾!
Vincent Vancalbergh


11

您可以使用Adblock Plus chrome或firefox扩展程序。启用后,单击其扩展图标,然后单击“块元素”。然后,您可以单击页面中要阻止的元素。

然后,Adblock Plus将在每次找到该元素时对其进行阻止。


2
邓诺(Dunno)为什么不满意。Adblocker支持阻塞元素已经很长时间了。因此,如果您可以在“时尚”中为其创建规则,则可以使用Adblock Plus或uBlock Origin阻止它,因为它们支持CSS选择器。
Daniel B

1
真好!使用AdBlock Plus已经很多年了,但从未注意到它的功能完善。有时我会得到那些“ duh”时刻;-)
deryb 18-3-20的

哇!大提示。谢谢。使用Adblock Plus,您可以轻松删除所需的任何元素。
HomTom

比接受的解决方案容易得多
Owen

1

您可以使用Stylebot chrome扩展程序。安装后转到网站,打开Stylebot并使用箭头工具选择DIV。然后寻找Layout and visibility并单击hide。该DIV会消失和改变将是持久的。当然,您可以随时撤消该操作。


1
Stylebot似乎不适合我。其他anwer推荐的时尚作品很棒。
蒂姆·斯瓦斯特
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.