Environment Indicator

Indicateur d'Environnement Identifiez instantanément l'environnement de vos applications web grâce à des bandeaux visuels personnalisables. 🎯 Fonctionnalités principales - Bandeaux personnalisables : Créez des règles d'affichage basées sur des expressions régulières (regex) pour détecter automatiquement vos environnements (DEV, TEST, PREPROD, PROD, etc.) - Positionnement flexible : Choisissez parmi 6 positions d'affichage : - Bandeau horizontal en haut ou en bas de page - Rubans en diagonale dans les 4 coins de l'écran - Taille ajustable : 3 tailles disponibles (petite, moyenne, grande) pour s'adapter à vos besoins - Couleurs personnalisées : Définissez une couleur unique pour chaque environnement avec contraste automatique du texte pour une lisibilité optimale - Configuration intuitive : Interface de gestion simple et moderne pour créer, modifier et supprimer vos règles - Importation/Exportation : Possibilité d'importer et exporter vos règles pour en effectuer une sauvegarde ou pour partager à une personne tierce 💼 Cas d'usage typiques - Éviter les erreurs de manipulation en différenciant visuellement vos environnements - Identifier rapidement sur quel environnement vous travaillez (développement, test, production) - Prévenir les actions critiques sur des environnements sensibles - Améliorer la productivité des équipes techniques 🚀 Utilisation 1. Cliquez sur l'icône de l'extension ou accédez aux options 2. Ajoutez une règle avec : - Une regex pour détecter l'URL (ex: `.*dev.*`, `.*localhost.*`, `.*prod\.example\.com.*`) - Un label descriptif (ex: DEV, PROD) - Une couleur distinctive - Une position et une taille 3. Naviguez sur vos sites : le bandeau s'affiche automatiquement ! 🔒 Confidentialité - Aucune donnée n'est collectée ou transmise - Toutes les configurations sont stockées localement dans votre navigateur 📋 Permissions requises - storage : Pour sauvegarder vos règles de configuration localement