Selector

Una regola selector ti permette di bloccare parti specifiche di una pagina web facendo corrispondere il selettore CSS di un elemento a una regola block in Plucky.

Questo metodo di blocco differisce dall’uso standard di Plucky che blocca le pagine web interamente. Ci sono situazioni in cui un sito potrebbe essere necessario o desiderato, ma il sito ha funzionalità indesiderate che rendono difficile il controllo di sé. Considera la necessità di usare YouTube per il lavoro scolastico, ma trovare il feed dei video consigliati nella homepage e nelle pagine di visualizzazione troppo allettante o distraente per lavorare in modo efficiente. Potrebbe essere un’opzione consentire solo immagini e video su pagine specifiche, oppure potrebbe essere più adatto alle tue esigenze semplicemente filtrare le distrazioni.

Esempio: come bloccare le parti distraenti di YouTube

pluck + block youtube.com selector ytd-rich-grid-renderer   # feed video della homepage
pluck + block youtube.com selector ytd-miniplayer           # miniplayer
pluck + block youtube.com selector "#related"               # barra laterale dei video correlati
pluck + block youtube.com selector ytd-masthead "#center"   # barra di ricerca
pluck + block youtube.com selector ytd-masthead             # intera barra superiore inclusa la ricerca
pluck + block youtube.com selector tp-yt-app-drawer         # menu di navigazione laterale sinistro
pluck + block youtube.com selector ytd-mini-guide-renderer  # menu laterale sinistro in modalità mini
pluck + block youtube.com selector ytd-comments             # sezione commenti

Aggiungendo una o più delle regole precedenti alla tua configurazione di Plucky, le funzionalità indesiderate verranno filtrate. Un utente di Plucky, dopo aver provato le regole precedenti, ha detto che “YouTube sembra molto meglio senza tutto il materiale extra.”

Pianificare le regole selector

Come la maggior parte delle regole Plucky, le regole selector possono essere pianificate usando il modificatore when.

pluck + when 9-17 block youtube.com selector ytd-rich-grid-renderer
pluck + when 9-17 block youtube.com selector "#related"

Blocca i suggerimenti video di YouTube solo durante l’orario di lavoro.

Creare le proprie regole selector

Come hai visto negli esempi precedenti, una tipica regola selector segue questo formato:

pluck + block sitename.com selector "#id"
pluck + block sitename.com selector .class
pluck + block sitename.com selector div_name

Prima di tutto, specifichi di voler aggiungere una regola block, poi specifichi l’host o l’URL su cui la regola di blocco funzionerà, e infine dici a Plucky che è una regola selector seguita dal pattern specifico che la pagina o il sito usa per selezionare l’elemento che vuoi bloccare.

Quest’ultima parte è ciò che può rendere questa una sfida per molti utenti. Se non sei familiare con il web design, probabilmente non sai cosa sono i selettori CSS, o come troveresti il pattern per la funzionalità che vuoi bloccare.

Se sei un principiante e trovi tutto questo travolgente, puoi fare una richiesta nei forum in questo argomento qui. Se indichi educatamente Jake, o un altro utente che offre il suo aiuto, al sito per cui vuoi creare una regola, e menzioni la funzionalità specifica che vuoi bloccare, potresti ricevere una risposta con la regola di cui hai bisogno. Da lì, devi solo copiarla e incollarla in una console.

Se sei un utente avanzato e sei pronto per il compito, ma non sei familiare con CSS o l’ispezione degli elementi, prova a giocare con questo strumento dimostrativo su W3Schools. Quando sei pronto a provarlo su un sito specifico per creare una regola di blocco, premi CTRL+SHIFT+C in un browser basato su Chromium per aprire il menu Ispeziona elementi (il tuo browser potrebbe averlo anche nel menu contestuale del clic destro). In questo menu, passando il mouse su qualsiasi parte della pagina web su cui ti trovi si evidenzierà l’elemento e verrà visualizzato il selettore CSS per quell’elemento. Da lì, puoi inserirlo nel formato della regola che abbiamo esaminato prima e vedere se funziona.

Sbloccare su alcune pagine web

Una regola di blocco per un selector può essere annullata con una regola unblock. Per esempio, quanto segue nasconderà l’elemento con l’id “abc” su http://example.com/ ma non su http://example.com/ok

pluck + block example.com selector "#abc"
pluck + unblock http://example.com/ok selector "#abc"

L’importanza di usare il tag try su una nuova regola

A differenza di una semplice regola block che blocca solo un host o un URL, ed è ovvio se vuoi che quell’host o URL venga bloccato, una regola selector non è sempre ovvia su cosa blocca una volta applicata. Se pensi di aver trovato l’elemento corretto, a volte avrai ragione, a volte torto, e a volte sarai quasi giusto con effetti devastanti (come, ad esempio, bloccare un elemento padre di quasi tutto il contenuto sull’intero sito). Per evitare di farlo su un sito su cui fai affidamento per la scuola o il lavoro, e poi non poter invertire l’effetto finché non è trascorso un ciclo di ritardo, fatti un favore e usa il tag try.

pluck + try block sitename.com selector .class

Non sembra che tu stia facendo qualcosa di diverso dagli esempi precedenti, ma aggiungi try immediatamente prima della regola che intendi aggiungere alla tua configurazione. Il punto del tag try è testare le cose. Plucky tratterà comunque la regola come se l’avessi aggiunta senza un tag, ma, se qualcosa si rompe inaspettatamente, la presenza del tag try ti consente di rimuovere la regola istantaneamente (senza attendere il ritardo). Se la regola funziona come previsto, aggiungila di nuovo senza try per renderla permanente.