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

Question

有一个我喜欢的网站，但有一个评论部分让我非常恼火。我想在 Google Chrome 中阻止跨页面永久保存评论的 div。

对于临时删除，我可以使用 Chrome 的 Web 开发人员工具删除节点。但是如何永久删除它？

我怎样才能做到这一点？我敢打赌 Adblock 对我没有帮助，也没有好意。即使我尝试，我最终还是会浏览那些对我的心理健康不利的评论。提示：这是一个评论质量非常低的体育网站。

所以这是虚拟示例：

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

Answer 1

对于这种事情，我通常会推荐Stylish Addon for chrome。

安装插件后浏览到该站点并转到：

时尚（图标）> 管理已安装的样式> 编写新样式。为其命名并选择“适用于”。提供您要从中删除评论的站点的域，然后选择“域上的 URL”。

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

.comments {display: none !important;}

保存，你应该注意到 div 现在被隐藏了

编辑：时尚现在是手写笔 - 你可以在这里下载它：https : //chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Answer 2

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

每次找到该元素时，Adblock Plus 都会阻止该元素。