☰

Usando o Chrome para criar regras AdBlock/UBlock

tag-icon • tag-icon google-chrome rules adblock google-chrome-devtools
Usando o Chrome para criar regras AdBlock/UBlock

insira a descrição da imagem aqui

Quero aprender como usar os desenvolvedores do Chrome para criar minhas próprias regras personalizadas de bloqueio de anúncios de acordo com a sintaxe Ublock/Adblock. Agora, antes de fazer isso, preciso descobrir como funcionam as ferramentas de desenvolvimento do Chrome.

Observe a foto por favor. Todo esse elemento div é o que desejo bloquear. Infelizmente este elemento div vem com um id. O referido id é uma salada aleatória de números e letras que mudam toda vez que você recarrega a página.

Como posso descobrir como o "id" é realmente chamado para poder criar uma regra de bloqueio apenas para esse id específico com esse nome específico?

Pontos extras se você puder me mostrar como criar a regra :P

Responder1

Se Idfor gerado aleatoriamente a cada vez, você precisará encontrar alguma outra propriedade que seja exclusiva para esse elemento DOM se conectar. As propriedades de texto não são ótimas porque você espera que nenhum outro nó use o texto que você está filtrando e que não haja tradução baseada na localidade.

Dito isto, usei-o neste exemplo porque não tenho certeza de nada melhor neste site AllMusic que você está usando.

UsandoSublinhadofindfunção, você pode selecionar os nós filhos document.bodye retornar o primeiro nó que contém 'bloco de anúncios' no texto.

var blockElem = _.find(document.body.childNodes, function (elem) { 
    return elem.innerText && elem.innerText.toLowerCase().indexOf("ad block") != -1 }
);

Agora você tem o elemento DOM, que pode manipular (remover, ocultar, etc.).

Uma alternativa usandojQueryfilterfunção é:

var blockElem = $("body div").filter(function() {
    return $(this).text().toLowerCase().indexOf("ad block") != -1;
}).first();

PS.Eu sinto que esta é mais uma pergunta do tipo StackOverflow.

Responder2

Um filtro de ocultação Adblock Plus consiste em duas partes:<domain>##<selector>

  • A parte do domínio é apenas uma lista separada por vírgulas de domínios nos quais os elementos devem ser ocultados.

  • A parte do seletor define quais elementos devem ser ocultados e segue oPadrão do seletor CSS. Então, em vez de aprender como escrever filtros, sugiro aprender seletores CSS porque existem muitos recursos úteis sobre como escrevê-los.

Por exemplo, neste caso pode ser útil saber que você pode selecionar um elemento com base em sua localização no documento. por exemplo, body > :nth-child(1)selecionará o primeiro elemento do corpo. Para seletores mais específicos, você precisa verificar quais de suas características permanecem constantes e quais mudam.

informação relacionada