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

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

有一个我喜欢的网站,但评论部分让我很烦。我想在 Google Chrome 中屏蔽永久保存评论的 div,无论在哪个页面。

对于临时删除,我可以使用 Chrome 的 Web 开发者工具删除节点。但如何永久删除它呢?

我该怎么做?我敢打赌 Adblock 不会帮助我,也不会带来好意。即使我尝试,我最终也会浏览评论,这对我的心理健康不利。提示:这是一个体育网站,评论质量很差。

以下是虚拟示例:

  • 网站:www.sportsrumours.com
  • DIV 到块:<div class="comments">All annoying comments go here</div>
  • www.sportsrumours.com 所有页面上的 DIV 均相同

答案1

对于这种情况,我通常建议触控笔插件用于铬。

安装附加组件后,浏览网站并转到:

手写笔(图标)> 写入样式 > 单击您希望 div 消失的 URL 部分。

使用类似如下的代码来隐藏div:

.comments {display: none !important;}

保存(CMD+S),你应该注意到 div 现在被隐藏了

答案2

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

每次发现该元素时,Adblock Plus 都会进行阻止。

答案3

您可以使用风格机器人chrome 扩展。安装后,请访问网站,打开 Stylebot 并使用箭头工具选择DIV。然后查找Layout and visibility并单击hideDIV将会消失,更改将会保留。当然,您可以随时撤消该操作。

答案4

除了 Adblock(Andrew 提到)之外,它还适用于 uBlock Origin。我单击了元素选择器(滴管),选择了元素,然后单击了创建按钮。噗,消失了!

相关内容