Extension de navigateur · Projet personnel
Cookie Remover
Une extension Chromium pour masquer les éléments gênants et appliquer ses propres règles de style pendant la navigation.
25/08/2023 · Arthur Mondon
- Cadre
- Besoin personnel et apprentissage des extensions
- Durée
- Plusieurs mois
- Intervention
- Conception et développement en autonomie
- État actuel
- Projet non maintenu · code disponible sur GitHub
Le point de départ
Cookie Remover est né de mon envie de masquer les bannières de cookies intempestives et d’adapter les pages à mes besoins de navigation. Le projet était aussi l’occasion d’apprendre à développer une extension pour les navigateurs basés sur Chromium.
J’ai choisi de construire un outil personnalisable pour agir précisément sur les éléments visuels qui me gênaient.
Les objectifs
Sélectionner un élément dans une page, enregistrer une règle et la réappliquer automatiquement lors des visites suivantes. Le masquage devait pouvoir être complété par des corrections CSS : retirer une bannière ne suffit pas si la page conserve un défilement bloqué.
Mon intervention
J’ai conçu et développé seul l’extension sur plusieurs mois, du mode de sélection dans les pages à la gestion des règles, de leur historique et des réglages de nettoyage.
La solution
Un mode de sélection visuelle permet de désigner manuellement un élément HTML et de créer une règle adaptée au site. L’extension détecte ensuite les éléments enregistrés pour appliquer automatiquement les actions prévues : masquage, modification de classes ou ajout de styles CSS.
Ces styles permettent notamment de rétablir le défilement vertical lorsqu’une fenêtre superposée a été masquée mais que la page reste bloquée. Une vérification en boucle permet de réappliquer les règles lorsque les éléments réapparaissent.
L’action porte sur l’affichage et les styles de la page : masquer une bannière ne correspond pas à exprimer un choix de consentement.
Les fonctionnalités
- Sélection visuelle d’un élément directement dans la page pour créer une règle
- Ciblage par ID, classe ou sélecteur CSS
- Application automatique des règles enregistrées et nettoyage à la demande
- Masquage d’éléments, ajout ou retrait de classes et application de styles CSS personnalisés
- Correction du défilement bloqué après le masquage d’une fenêtre superposée
- Vérification répétée pour traiter les éléments qui réapparaissent
- Gestion des règles par site, historique des actions et exclusions
- Mode sombre, réglages de nettoyage et import/export de la configuration
- Conception pour les navigateurs basés sur Chromium
Les résultats et l’usage actuel
L’extension m’a beaucoup servi et a également été utilisée par plusieurs personnes, avec d’excellents retours sur la richesse des fonctions. Depuis mon passage à Safari, je ne l’utilise plus et le projet n’est plus maintenu. Le code reste disponible sur GitHub.
Les choix techniques et les technologies
Le principal défi était de rendre les règles suffisamment flexibles pour s’adapter à des pages différentes, y compris lorsque leurs éléments réapparaissent. Le projet demande aujourd’hui une refonte, notamment pour améliorer les performances et vérifier la compatibilité avec les versions récentes des navigateurs.
Technologies
HTML 5
JavaScript
Git