Tab User Label

Nommez vos onglets par compte utilisateur et gérez plusieurs sessions facilement.

Tab User Label : L'outil ultime pour gérer vos onglets, vos sessions multiples et vos identifiants. Vous est-il déjà arrivé d'avoir des dizaines d'onglets ouverts sur le même site web, connecté à différents comptes, et de ne plus savoir lequel est lequel ? De perdre du temps à vous déconnecter et vous reconnecter sans cesse ? De remplir manuellement vos identifiants sur des environnements de test ? Tab User Label est l'extension Chrome qui résout ces problèmes. Conçue pour les développeurs, les testeurs QA, les freelances et les gestionnaires de communautés, elle vous permet d'étiqueter visuellement vos onglets, d'organiser vos comptes par projets et d'auto-remplir vos formulaires de connexion en un seul clic. ━━━━━━━━━━━━━━━━━━━━━ POURQUOI CHOISIR TAB USER LABEL ? Contrairement aux gestionnaires de mots de passe classiques, Tab User Label ne se contente pas de remplir vos identifiants. Il ajoute une couche de contexte visuel indispensable lorsque l'on jongle avec plusieurs sessions. En ajoutant un badge coloré et un préfixe au titre de votre onglet, vous savez instantanément quel compte est actif, même si vous avez 50 onglets ouverts. ━━━━━━━━━━━━━━━━━━━━━━━━ FONCTIONNALITÉS PRINCIPALES ️ 1. Étiquetage Visuel et Persistance SPA • Badge Coloré : Ajoute un badge flottant en haut à droite de la page web avec le nom de votre profil. • Préfixe de Titre : Modifie le titre de l'onglet dans votre barre de navigation (ex: "[Compte Test] Dashboard"). • Verrouillage SPA (Single Page Application) : Les sites modernes (React, Vue, Angular) changent souvent le titre de la page dynamiquement. Notre extension utilise un MutationObserver pour "verrouiller" le titre et s'assurer que votre étiquette reste visible en permanence, même après les mises à jour dynamiques du site. 2. Organisation Hiérarchique (Projets et Profils) • Projets : Regroupez vos profils dans des conteneurs logiques (ex: "Client A", "Environnement de Dev", "Réseaux Sociaux"). • Profils : Créez autant de profils que nécessaire par projet, chacun avec sa propre couleur, son URL cible, son identifiant et son mot de passe. • Interface Accordéon : Naviguez rapidement dans vos projets et profils grâce à une interface épurée et dépliable. 3. Auto-remplissage Intelligent (Smart Fill) • Détection Automatique : L'extension scanne la page pour trouver les champs "Nom d'utilisateur" et "Mot de passe" en utilisant une large variété de sélecteurs (autocomplete, name, type). • Compatibilité Frameworks : Contourne les protections des frameworks modernes (React, Vue, Angular) qui ignorent souvent les modifications de valeur faites par les extensions. Nous utilisons Object.getOwnPropertyDescriptor pour déclencher correctement les événements input et change. • Remplissage en un clic : Cliquez sur l'icône ⚡ et vos champs sont remplis instantanément. 4. Mode Sombre et Clair • Basculez entre un thème clair et un thème sombre en un clic. • Votre préférence est sauvegardée automatiquement et persiste d'une session à l'autre. 5. Export et Import Avancé • Sauvegarde : Exportez tous vos projets et profils dans un fichier JSON sécurisé. • Importation Intelligente : Lors de l'importation, choisissez votre stratégie : • Remplacer tout : Écrase les données actuelles par celles du fichier. • Fusionner : Ajoute uniquement les nouveaux projets et profils sans écraser vos modifications existantes (détection par nom pour éviter les doublons). ━━━━━━━━━━━━━━━━━━━ 👥 POUR QUI EST CETTE EXTENSION ? Développeurs et Testeurs QA : Gérez facilement vos environnements de staging, de développement et de production. Basculez entre un compte admin et un compte utilisateur standard en quelques secondes. Freelances et Agences Web : Gérez les accès de plusieurs clients sur la même plateforme (WordPress, Shopify, SaaS) sans jamais vous tromper de compte. Community Managers : Jonglez entre les comptes personnels, professionnels et ceux de vos clients sur les réseaux sociaux. Étudiants et Chercheurs : Gérez vos accès universitaires, vos comptes de bibliothèques numériques et vos plateformes de cours. ━━━━━━━━━━━━━━━━━━━━━━━━ CONFIDENTIALITÉ ET SÉCURITÉ La confidentialité de vos données est notre priorité absolue. • 100% Local : Toutes vos données (projets, profils, couleurs, préférences de thème) sont stockées exclusivement dans le chrome.storage.sync de votre navigateur. • Aucun Serveur Externe : Aucune donnée n'est collectée, envoyée, analysée ou partagée avec des serveurs tiers. L'extension fonctionne entièrement hors ligne une fois installée. • Transparence Totale : Le code source est ouvert et auditable. ️ Avertissement sur les mots de passe : Les mots de passe sont stockés localement dans le navigateur. Bien que le stockage de Chrome soit isolé par profil utilisateur, il n'est pas chiffré de manière avancée par l'extension elle-même. Cette extension est recommandée pour les environnements de test, le développement, ou la gestion de comptes à faible risque. Pour des mots de passe bancaires ou critiques, nous recommandons l'utilisation d'un gestionnaire de mots de passe dédié (comme Bitwarden ou 1Password). ━━━━━━━━━━━━━━━━━━━━━━━━ EXPLICATION DES PERMISSIONS Pour fonctionner, cette extension demande des permissions spécifiques. Voici pourquoi chacune est strictement nécessaire : • "tabs" et "activeTab" : Nécessaires pour lire l'URL de l'onglet actuellement actif (afin d'afficher le nom du site dans l'interface) et pour interagir uniquement avec l'onglet que vous avez sélectionné. • "storage" : Utilisé pour sauvegarder vos projets, vos profils, vos identifiants et votre préférence de thème (sombre/clair) dans le stockage local de Chrome. • "scripting" et "<all_urls>" : Essentiels pour injecter le script qui modifie le titre de la page, ajoute le badge visuel coloré et remplit automatiquement les champs de connexion sur les sites web que vous visitez. Sans cette permission, l'extension ne pourrait pas interagir avec les pages web. ━━━━━━━━━━━━━━━━━━━━━━━━ QUESTIONS FRÉQUENTES (FAQ) Q : L'extension fonctionne-t-elle sur les pages chrome:// ou le Chrome Web Store ? R : Non. Pour des raisons de sécurité, Chrome bloque l'injection de scripts sur ses propres pages internes (chrome://extensions, chrome://settings) et sur le Web Store. L'extension fonctionne sur tous les sites web standards (http:// et https://). Q : Mes données sont-elles synchronisées sur mes autres ordinateurs ? R : Oui, si vous avez activé la synchronisation Chrome avec votre compte Google, vos projets et profils seront synchronisés sur vos autres navigateurs Chrome connectés au même compte. Q : Comment mettre à jour mes identifiants ? R : Allez dans l'onglet "Gérer", trouvez votre profil, cliquez sur l'icône "Crayon" (✏️), modifiez les champs et enregistrez. Q : L'auto-remplissage ne fonctionne pas sur un site spécifique. R : Certains sites utilisent des structures HTML très complexes ou des iframes. Si cela arrive, n'hésitez pas à nous contacter via la page de support avec l'URL du site, et nous ajouterons les sélecteurs nécessaires dans une future mise à jour. ━━━━━━━━━━━━━━━━━━━━━━━━━ SUPPORT ET CONTRIBUTIONS Vous avez trouvé un bug ? Vous avez une suggestion de fonctionnalité ? Nous sommes à l'écoute de la communauté ! N'hésitez pas à nous laisser un avis sur le Chrome Web Store ou à nous contacter via notre page GitHub pour signaler un problème ou proposer une amélioration. Merci d'utiliser Tab User Label et bonne gestion de vos sessions !