Selector

Une règle selector vous permet de bloquer des parties spécifiques d’une page Web en faisant correspondre le sélecteur CSS d’un élément à une règle block dans Plucky.

Cette méthode de blocage diffère de l’utilisation standard de Plucky qui consiste à bloquer entièrement des pages Web. Il existe certaines situations où un site peut être nécessaire ou souhaité, mais le site a des fonctionnalités indésirables qui rendent la maîtrise de soi difficile. Imaginez avoir besoin de YouTube pour des travaux scolaires, mais trouver le flux de vidéos recommandées sur la page d’accueil et les pages de lecture trop tentant ou distrayant pour travailler efficacement. Autoriser uniquement les images et les vidéos sur des pages spécifiques pourrait être une option, ou il pourrait être mieux adapté à vos besoins de simplement filtrer les distractions.

Exemple : comment bloquer les parties distrayantes de YouTube

pluck + block youtube.com selector ytd-rich-grid-renderer   # flux de vidéos de la page d'accueil
pluck + block youtube.com selector ytd-miniplayer           # mini-lecteur
pluck + block youtube.com selector "#related"               # barre latérale des vidéos connexes
pluck + block youtube.com selector ytd-masthead "#center"   # barre de recherche
pluck + block youtube.com selector ytd-masthead             # barre supérieure entière incluant la recherche
pluck + block youtube.com selector tp-yt-app-drawer         # menu de navigation côté gauche
pluck + block youtube.com selector ytd-mini-guide-renderer  # mode mini menu côté gauche
pluck + block youtube.com selector ytd-comments             # section des commentaires

Ajouter une ou plusieurs des règles ci-dessus à votre configuration Plucky filtrera les fonctionnalités indésirables. Un utilisateur de Plucky, après avoir essayé les règles ci-dessus, a dit que « YouTube a l’air bien mieux sans tout le contenu supplémentaire. »

Planifier des règles selector

Comme la plupart des règles Plucky, les règles selector peuvent être planifiées en utilisant le modificateur when.

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

Bloquer uniquement les recommandations de vidéos YouTube pendant les heures de travail.

Créer vos propres règles selector

Comme vous l’avez vu dans les exemples ci-dessus, une règle selector typique suivra ce format :

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

Commencez par spécifier que vous souhaitez ajouter une règle block, puis spécifiez l’hôte ou l’URL sur laquelle la règle de blocage s’appliquera, et enfin dites à Plucky que c’est une règle selector suivie du motif spécifique que la page ou le site utilise pour sélectionner l’élément que vous souhaitez bloquer.

Cette dernière partie est ce qui peut rendre cela difficile pour de nombreux utilisateurs. Si vous n’êtes pas familier avec la conception Web, vous n’avez probablement aucune idée de ce que sont les sélecteurs CSS, ni comment trouver le motif pour la fonctionnalité que vous souhaitez bloquer.

Si vous êtes débutant et trouvez tout cela trop complexe, vous pouvez faire une demande sur les forums dans ce sujet ici. Si vous dirigez poliment Jake, ou un autre utilisateur qui propose son aide, vers le site pour lequel vous souhaitez créer une règle, et mentionnez la fonctionnalité spécifique que vous souhaitez bloquer, vous pourrez obtenir une réponse avec la règle dont vous avez besoin. Ensuite, il vous suffira de la copier et de la coller dans une console.

Si vous êtes un utilisateur avancé et êtes prêt à relever le défi, mais que vous n’êtes pas familier avec CSS ou l’inspection des éléments, essayez de jouer avec cet outil démonstratif sur W3Schools. Lorsque vous êtes prêt à l’essayer sur un site spécifique pour créer une règle de blocage, appuyez sur CTRL+SHIFT+C dans un navigateur Chromium pour ouvrir le menu Inspecter les éléments (votre navigateur peut également avoir cela dans le menu contextuel clic droit). Dans ce menu, survoler n’importe quelle partie de la page Web que vous consultez mettra en évidence l’élément et affichera le sélecteur CSS pour cet élément. À partir de là, vous pouvez l’insérer dans le format de règle que nous avons vu précédemment et voir si cela fonctionne.

Débloquer sur certaines pages Web

Une règle de blocage pour un sélecteur peut être annulée avec une règle unblock. Par exemple, ce qui suit masquera l’élément avec l’identifiant « abc » sur http://example.com/ mais pas sur http://example.com/ok.

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

L’importance d’utiliser le tag try sur une nouvelle règle

Contrairement à une règle block simple qui bloque seulement un hôte ou une URL, et il est évident si vous voulez que cet hôte ou cette URL soit bloqué, une règle selector n’est pas toujours évidente sur ce qu’elle va bloquer une fois appliquée. Si vous pensez avoir le bon élément, parfois vous aurez raison, parfois vous aurez tort, et parfois vous aurez un peu raison avec un effet dévastateur (comme, disons, bloquer un élément parent de presque tout le contenu sur l’ensemble du site). Pour éviter de faire cela sur un site dont vous dépendez pour l’école ou le travail, et ensuite ne pas pouvoir annuler l’effet jusqu’à ce qu’un cycle de délai se soit écoulé, faites-vous une faveur et utilisez le tag try.

pluck + try block sitename.com selector .class

Vous ne semblez pas faire quelque chose de différent des exemples ci-dessus, mais vous ajoutez try immédiatement avant la règle que vous avez l’intention d’ajouter à votre configuration. Le but du tag try est de tester les choses. Plucky traitera toujours la règle comme si vous l’aviez ajoutée sans tag, mais, si quelque chose se casse de manière inattendue, la présence du tag try vous permet de supprimer la règle instantanément (sans attendre le délai). Si la règle fonctionne comme prévu, ajoutez à nouveau la règle sans try pour la rendre permanente.