Comment bloquer définitivement div sur le site Web en utilisant Chrome?

12

Il y a un site Web que j'aime, mais avec une section de commentaires qui m'énerve énormément. Je souhaite bloquer la div qui contient les commentaires de manière permanente, sur plusieurs pages, dans Google Chrome.

Pour une suppression temporaire, je peux simplement supprimer le nœud à l'aide des outils de développement Web de Chrome. Mais comment le supprimer pour toujours?

Comment puis je faire ça? Je parie qu'Adblock ne m'aide pas, pas plus que les bonnes intentions. Même si j'essaye, je finis par parcourir les commentaires ce qui n'est pas bon pour ma santé mentale. Astuce: C'est un site Web sportif avec des commentaires de très mauvaise qualité.

Voici donc l'exemple virtuel:

  • SITE: www.sportsrumours.com
  • DIV à bloquer: <div class="comments">All annoying comments go here</div>
  • Le DIV est le même sur toutes les pages de www.sportsrumours.com
google-chrome blocking mcbetz
la source

Réponses:

25

Pour ce genre de chose, je recommande normalement l' addon élégant pour le chrome.

Accédez au site lorsque vous avez installé l'addon et accédez à:

Élégant (icône)> Gérer les styles installés> Écrire un nouveau style. Donnez-lui un nom et sélectionnez "s'applique à". Donnez le domaine du site dont vous souhaitez supprimer les commentaires et sélectionnez "URL sur le domaine".

utilisez un code similaire au suivant pour masquer la div:

.comments {display: none !important;}

Enregistrez et vous devriez remarquer que le div est maintenant caché

EDIT : Stylish is now Stylus - vous pouvez le télécharger ici: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
la source
Pour info: après le scandale suite aux pratiques de collecte de données de Stylish, le code a été bifurqué, nettoyé et republié sous le nom de "Stylus". Réjouir!
Vincent Vancalbergh
URL mise à jour: chrome.google.com/webstore/detail/stylus/…
Owen le
11

Vous pouvez utiliser l'extension Adblock Plus chrome ou firefox. Une fois activé, cliquez sur son icône d'extension puis sur "Bloquer l'élément". Ensuite, vous pouvez cliquer sur un élément de la page que vous souhaitez bloquer.

Adblock Plus bloquera alors cet élément chaque fois qu'il sera trouvé.

Andrew
la source
2
Je ne sais pas pourquoi cela a été rejeté. Adblockers prend en charge les éléments de blocage depuis très longtemps maintenant. Donc, si vous pouvez créer une règle pour cela dans Stylish, vous pouvez la bloquer en utilisant Adblock Plus ou uBlock Origin, car ils prennent en charge les sélecteurs CSS.
Daniel B
1
Agréable! Utilisé AdBlock Plus pendant de nombreuses années, mais je n'ai jamais remarqué cette fonctionnalité intéressante. Parfois, je reçois ces moments "duh" ;-)
deryb
HOU LA LA! Bon conseil. Je vous remercie. Avec Adblock Plus, vous pouvez facilement supprimer tout élément que vous souhaitez.
HomTom
Beaucoup plus facile que la solution acceptée
Owen
1

Vous pouvez utiliser l' extension Chrome Stylebot . Après l'installation, accédez au site Web, ouvrez Stylebot et utilisez l'outil de flèche pour sélectionner le DIV. Ensuite, recherchez Layout and visibilityet cliquez sur hide. Le DIVdisparaîtra et le changement sera persisté. Bien sûr, vous pouvez l'annuler à tout moment.

drk.com.ar
la source
1
Stylebot ne semblait pas fonctionner pour moi. Élégant recommandé dans l'autre réponse fonctionne très bien.
Tim Swast