【问题标题】:How to block this element with an adblocker如何使用广告拦截器屏蔽此元素
【发布时间】:2018-03-09 06:01:41
【问题描述】:

在这个 twitch 网站上有一个烦人的元素,我想永久删除。在检查器上,元素是这样的:

<div class="menu-button hover-background-primary">

但尽我所能,我不知道如何编写过滤器来使用 Ublock 删除该元素。

我读到 Ublock 和 ABP 使用相同的语法。根据this,
##.menu-button hover-background-primary 应该做我想要的。但是我不能用这种模式阻止任何东西,我试着把其他类的名字放在那里,它从来没有做任何事情。这是如何工作的?

【问题讨论】:

    标签: html css filter adblock


    【解决方案1】:

    这两个类仅在 html 中分开 - 您需要在规则声明中将它们连接在一起。而在 html 中的“。”从未显示,但是当您在 CSS 或 javascript 中定位类时 - 每个类都需要以“。”作为前缀。否则浏览器将解释您正在尝试使用该名称定位一个 html 元素 - 无论它是否正确或是否存在。

    ##.menu-button.hover-background-primary
    

    它的目标是同时具有“菜单按钮类”和“悬停背景主要”类的项目

    你甚至可以只针对更具体的类-

    ##.hover-background-primary
    

    【讨论】:

    • 我不知道如何组合这两个类名。我确实尝试在那里只放一个名字,但没有奏效。下次这个人在 twitch 上直播时,我会再次尝试这两种方法,如果我成功了,我会接受答案。
    • 抱歉,这不起作用。如果我删除检查器中的 div,烦人的窗口就会关闭。但是,如果我将您的建议写入自定义过滤器,它不会阻止它。 (我保存了,然后刷新了抽搐页面。)
    • 我的印象是 twitch 做了一些事情来使广告拦截器无法工作。我可以使用您向我展示的模式阻止元素,但它在 twitch 上不起作用。我设法通过将其地址放入过滤器列表来阻止 jpg。但是阻塞类似乎没有任何作用。
    • 我最终成功地完成了我想做的事情。我从来不知道如何在 twitch 上阻止类,但 hover-background-primary 类位于我能够阻止的 iframe 中。
    【解决方案2】:

    这些是多个类名。

    您需要选择器.first-class-name.second-class-name,您可以根据需要将其放入过滤器语法中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-10-20
      • 2019-09-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-02
      • 1970-01-01
      相关资源
      最近更新 更多