如何屏蔽网站上的所有图像?

如何屏蔽网站上的所有图像?

我希望能够屏蔽网站上所有含有严重点击诱饵的图片,以便只显示文本。如果解决方案可以轻松禁用/启用,以防我想暂时查看图片,那就太好了。我该怎么做?

答案1

总结

只需将以下一条(或两条)规则添加到您的广告拦截器的过滤器中即可:

  • example.com##img阻止所有<img>元素
  • example.com$image阻止来自的每个图像example.com

更多内容请查看注释部分。

教程

  1. 安装广告拦截器(例如uBlock 起源) 并点击其图标。 uBlock Origin 面板
  2. 点击“我的过滤器”栏并粘贴example.com##img和/或example.com$imageuBlock Origin 过滤器选项卡
  3. 点击“应用更改”。

如果您想暂时禁用该块,只需单击插件面板上的大开/关按钮,如第一张图所示。

笔记

  • example.com##img阻止<img>指定网站上的每个 DOM 节点。图像来自何处并不重要,只要它在标签内,它就会被阻止,但它不会阻止使用不同技术(如在 上<img>使用)显示的图像。background-image<div>
  • example.com$image会阻止来自任何example.com网站的图片,无论哪个网站尝试加载它们。许多网站都使用 CDN 来提供图片,因此examplecdn.com阻止来自的图片example.com几乎没有效果,所以你examplecdn.com也必须阻止,但请注意,使用的其他网站上的图片examplecdn.com也会被阻止。
  • 有时由于图片被缓存,所以不会发生阻塞。在这种情况下,您需要按Ctrl+ Shift+R进行硬刷新,而不使用缓存。
  • 有时图像在 DOM 节点上具有可识别的类属性。使用 devtools 检查一下(右键单击->检查元素)后,您可以列出标记大多数图像的类,并使用类选择器方式阻止它们:example.com##.image-container
  • 有一个关于过滤器语法的出色速查表

相关内容