DevSuite Pro

Plus de 64 puissants outils pour développeurs dans une extension — inspectez, mesurez, capturez, analysez et concevez

DevSuite Pro : la boîte à outils tout-en-un pour devs web et designers (64 outils dans 1 extension Chrome) Arrêtez d'installer des dizaines d'extensions à usage unique. DevSuite Pro est l'extension Chrome ultime pour développeurs web et designers front-end. Elle réunit 64 outils pro de développement, utilitaires de design et analyseurs SEO dans une extension rapide et respectueuse de la vie privée — une vraie suite tout-en-un pour qui conçoit, teste ou audite des sites modernes. Inspectez et modifiez le CSS en direct, éditez le HTML, prenez des captures d'écran pleine page, téléchargez images et SVG, auditez le SEO on-page, vérifiez l'accessibilité WCAG et le contraste, formatez JSON / XML / SQL, décodez JWT, générez mots de passe et UUID, simulez mobile et tablette, convertissez en PDF, surveillez le réseau et WebSocket, forcez le mode sombre, modifiez les cookies — depuis un popup épuré et un dock flottant. 💾 SAUVEGARDE AUTO : MODIFICATIONS PERSISTANTES PAR SITE Six outils sauvegardent vos modifications par URL et les réappliquent à chaque visite — même après fermeture du navigateur : • Inspecteur CSS — modifications CSS conservées • Déplacer l'élément — éléments repositionnés restent en place • Supprimer/Masquer l'élément — pubs et bannières masqués pour toujours • Remplaceur d'images — images remplacées le restent • Changeur de polices — votre police réappliquée automatiquement • Éditeur de texte en direct — textes édités conservés ═══ 🎨 INSPECTER, MODIFIER ET REPRODUIRE ═══ 1) Inspecteur CSS [GRATUIT] — Survolez un élément pour voir son CSS, modifier les styles en direct, voir valeurs calculées, box model, padding, margin, typographie et variables CSS. Sauvegarde auto par site. 2) Inspecteur d'animations [PAYANT] — Détectez chaque animation CSS, transition et @keyframes. Ralentissez, pausez, rejouez image par image pour déboguer les transitions saccadées. 3) Copier en Tailwind [PAYANT] — Clic droit pour convertir le CSS en classes utilitaires Tailwind prêtes à coller. Convertir le CSS d'un site en Tailwind. 4) Mode contour uniquement [GRATUIT] — Applique un contour de 1 pixel à chaque élément. Visualisez le wireframe, déboguez la mise en page HTML/CSS et trouvez les limites des div masquées. 5) Assistant Tailwind [PAYANT] — Survolez un élément pour voir l'équivalent en classes Tailwind avec variantes breakpoint et mode sombre. Aide-mémoire Tailwind intégré. 6) Plan de page [GRATUIT] — Affiche l'arborescence HTML complète sous forme de plan interactif. Visualisez la structure HTML et la hiérarchie DOM. 7) Détecteur de composants [PAYANT] — Détecte les composants popular JavaScript frameworks and component libraries. 8) Déplacer l'élément [PAYANT] — Glissez un élément vers une nouvelle position visuellement. Modifiez la mise en page sans code. Sauvegarde auto par site. 9) Supprimer / Masquer l'élément [GRATUIT] — Cliquez pour supprimer ou masquer un élément. Bloquez pubs, bannières cookies, popups, en-têtes collants. Reste masqué pour toujours. 10) Exporter l'élément [PAYANT] — Exportez le HTML, CSS calculé et JSON de tout élément. 11) Copier le code du composant [PAYANT] — Convertissez tout élément en code React JSX, Vue SFC ou Svelte prêt à coller. 12) Chercheur de chemin DOM [PAYANT] — Obtenez sélecteur CSS, XPath complet et snippet querySelector. Sélecteurs pour Selenium, Puppeteer et WebdriverIO. ═══ 📸 CAPTURE ET RESSOURCES ═══ 13) Capture d'écran [GRATUIT] — Capturez la zone visible, prenez une capture pleine page, ou un seul élément. Capture intelligente pour pages longues, scroll infini et lazy-loading. Sans filigrane. 14) Extraire les images [GRATUIT] — Téléchargez toutes les images d'un site en un clic. Filtrez par taille, format (PNG, JPG, GIF, WebP, SVG) et téléchargez en lot ZIP. 15) Récupérateur de SVG [PAYANT] — Trouvez chaque icône SVG et vecteur inline. Aperçu, copie du code, optimisation ou téléchargement SVG/PNG. 16) Remplaceur d'images [PAYANT] — Remplacez toute image en direct par un fichier local ou URL. Sauvegarde auto par site — parfait pour des maquettes client. 17) Convertir en PDF [GRATUIT] — Enregistrez toute page en PDF propre avec masquage auto des pubs, thème clair et taille personnalisée. ═══ 📐 MISE EN PAGE ET MESURE ═══ 18) Générateur de QR Code [GRATUIT] — Transformez l'URL actuelle en QR code scannable. Personnalisez contenu (URL, texte, Wi-Fi, vCard) et téléchargez en PNG. 19) Règle de page [GRATUIT] — Tracez des règles et lignes guides au pixel près avec guides horizontaux, verticaux et diagonaux. 20) Visualiseur responsive [PAYANT] — Visualisez votre site rendu côte à côte à plusieurs tailles — common mobile, tablet, and desktop sizes. Défilement synchronisé. 21) Mesurer la distance [GRATUIT] — Cliquez deux éléments et voyez la distance X, Y et diagonale en pixels avec lignes de connexion. 22) Inspecteur Z-Index [PAYANT] — Visualisez chaque contexte d'empilement et couche z-index. Diagnostiquez modales cachées et bugs d'empilement. 23) Visualiseur Grid / Flex [PAYANT] — Inspectez chaque conteneur CSS Grid et Flexbox avec superpositions colorées montrant pistes, gaps et axes d'alignement. ═══ 🔍 ANALYSE ET DÉBOGAGE ═══ 24) Simulateur de heatmap [PAYANT] — Génère une carte de chaleur d'attention prédite selon la lecture en F. Analyse heatmap UX sans scripts tiers. 25) Effacer les données de navigation [GRATUIT] — Effacez sélectivement cache, cookies, localStorage et sessionStorage du site actuel — sans affecter vos connexions ailleurs. 26) Stack du site (détecteur de techno) [PAYANT] — Identifiez chaque technologie : frontend frameworks, CMS, e-commerce, CDN, hosting, analytics et plus. 27) Inspecteur SEO [GRATUIT] — Audit SEO on-page complet : title, meta description, H1–H6, OpenGraph, Twitter Card, canonical, robots, alt, analyse des liens. 28) Inspecteur d'accessibilité [PAYANT] — Audit WCAG 2.1 AA automatisé. Détecte contraste, alt manquants, soucis ARIA et landmarks pour conformité ADA, EAA et Section 508. 29) Moniteur réseau [PAYANT] — Capturez chaque requête fetch, XHR et AJAX avec méthode, statut, en-têtes, payload, réponse et timing. 30) Inspecteur WebSocket [PAYANT] — Capturez chaque trame WebSocket en temps réel. Déboguez Socket.io, apps de chat et dashboards temps réel. 31) Vérificateur de liens cassés [PAYANT] — Scannez la page pour les liens cassés (404, 500, DNS, timeouts) et obtenez le code HTTP de chaque lien. 32) Images cassées [GRATUIT] — Détectez chaque image qui ne se charge pas (404, src manquant, DNS, CORS). 33) Vérificateur CORS [GRATUIT] — Testez les requêtes cross-origin et inspectez les en-têtes CORS. Diagnostiquez les erreurs « blocked by CORS policy ». ═══ 🅰️ DESIGN ET TYPOGRAPHIE ═══ 34) Éditeur de texte en direct [GRATUIT] — Cliquez sur un texte pour l'éditer sur place. Modifiez titres, paragraphes, libellés. Sauvegarde auto par site. 35) Changeur de polices [PAYANT] — Remplacez toute police par une parmi 1 500+ Google Fonts — globalement ou par élément. Sauvegarde auto par site. 36) Lister toutes les polices [GRATUIT] — Découvrez chaque police utilisée — web fonts, polices système, graisses et styles. Copiez le font-family CSS en un clic. 37) Pipette à couleurs [GRATUIT] — Pipette au pixel près. Prélevez les couleurs de textes, fonds, images, dégradés et SVG. Sortie HEX, RGB et HSL. 38) Palette de couleurs [GRATUIT] — Extrayez la palette complète de toute page avec échantillons triés par fréquence et valeurs HEX. 39) Convertisseur de format de couleur [GRATUIT] — Traduisez n'importe quelle couleur dans tous les formats CSS depuis un seul panneau (par ex., collez #FF5733 et voyez-la en direct sous rgb(255, 87, 51), hsl(11, 100%, 60%), hsv(11, 80%, 100%) et oklch(64% 0.21 32), avec des variantes alpha pour la transparence). 40) Extracteur de couleurs d'image [GRATUIT] — Extrayez la palette dominante de toute image. Générez des chartes couleur depuis photos. ═══ ⚡ BASCULES ET UTILITAIRES DE PAGE ═══ 41) Forcer le mode sombre [GRATUIT] — Appliquez un thème sombre confortable à tout site. Inversion intelligente préservant images et couleurs. 42) Activer/désactiver JavaScript [GRATUIT] — Activez ou désactivez JavaScript par onglet. Vérifiez la sortie SSR et voyez ce que voient les robots. 43) Éditeur de cookies [GRATUIT] — Gestion complète des cookies : voir, créer, modifier, supprimer, importer et exporter. Déboguez les flux d'authentification. 44) Visualiseur de console [GRATUIT] — Visualiseur en ligne pour console.log, warn et error directement sur la page. Idéal pour le debug mobile. 45) Éditeur de stockage local [GRATUIT] — Voir, modifier, ajouter et supprimer les entrées localStorage et sessionStorage. Déboguez feature flags et tests A/B. 46) Performance de page [GRATUIT] — Métriques de timing, détail des ressources, stats DOM et score de santé sans audit Lighthouse complet. ═══ ⚙️ FORMATEURS, CONVERTISSEURS ET GÉNÉRATEURS ═══ 47) Formateur JSON [GRATUIT] — Embellissez, minifiez, validez et visualisez JSON dans une arborescence repliable avec détection d'erreurs. 48) Encodeur/Décodeur Base64 [GRATUIT] — Encodez tout texte en Base64 ou décodez. Support UTF-8 et binaire. 49) Encodeur/Décodeur d'URL [GRATUIT] — Encodez les caractères spéciaux en chaînes percent-encoded ou décodez. Réparez les query strings cassées. 50) Encodeur d'entités HTML [GRATUIT] — Convertissez caractères HTML spéciaux (&, <, >, ", ') en entités ou décodez. 51) Échappement antislash [GRATUIT] — Échappez et déséchappez les séquences backslash (\\n, \\t, \\", \\\\). Pour JSON, regex et codegen. 52) Image ↔ Base64 [GRATUIT] — Convertissez toute image (PNG, JPG, GIF, SVG, WebP) en data URL Base64 ou collez du Base64 pour télécharger. 53) Débogueur JWT [GRATUIT] — Décodez et inspectez les jetons JWT. Voir header, payload et signature. Vérifiez expiration et claims. 54) Générateur d'UUID [GRATUIT] — Générez des UUID v4 (RFC 4122) à l'unité ou en lot. GUID cryptographiquement aléatoires. 55) Générateur de hash [GRATUIT] — Générez des hashs MD5, SHA-1, SHA-256, SHA-384 et SHA-512. 56) Générateur de mot de passe [GRATUIT] — Générez des mots de passe aléatoires sécurisés avec longueur et jeux de caractères personnalisés. 57) Testeur de regex [GRATUIT] — Testez des expressions régulières avec surlignage en direct, groupes de capture et flags (g, i, m, s, u, y). 58) Convertisseur d'horodatage [GRATUIT] — Convertissez entre timestamps Unix, ISO 8601, RFC 2822 et dates lisibles. 59) Outil de comparaison [GRATUIT] — Comparez deux blocs de texte ligne par ligne avec ajouts, suppressions et modifications coloriés. 60) Vérificateur de contraste (WCAG) [GRATUIT] — Vérifiez les ratios de contraste WCAG avec notation AA et AAA pour textes et UI. 61) CSV ↔ JSON [GRATUIT] — Convertissez entre CSV et JSON dans les deux sens. Détection auto des en-têtes et séparateurs personnalisés. 62) Formateur XML [GRATUIT] — Embellissez, minifiez et validez du XML. Formatez SOAP, RSS, sitemaps. 63) Formateur SQL [GRATUIT] — Embellissez et indentez les requêtes SQL (common database dialects). 64) Remplisseur de formulaire [PAYANT] — Remplissez tout formulaire avec données de test réalistes — noms, emails, adresses, cartes de test, Lorem Ipsum. ═══ 🚀 GRATUIT vs PAYANT ═══ ✅ GRATUIT À VIE — 43 outils essentiels (Pipette à couleurs, Capture d'écran, Formateur JSON, Inspecteur SEO, Éditeur de cookies, Règle de page, Convertir en PDF et plus). ⭐ PAYANT — Débloquez 21 outils avancés (Assistant Tailwind, Visualiseur responsive, Copieur de code, Moniteur réseau, Simulateur de heatmap, Remplisseur de formulaire et plus). ═══ 🔒 CONFIDENTIALITÉ D'ABORD ═══ DevSuite Pro fonctionne en sécurité dans Chrome. Pas de télémétrie, pas d'analytics, pas de SDK tiers. Votre code, captures, fichiers JSON, regex, jetons API et cookies ne quittent jamais votre machine. La validation de licence n'envoie que votre clé. 🚀 Boostez votre workflow web ! Installez DevSuite Pro — la seule boîte à outils dev et suite design dont vous aurez besoin. Si DevSuite Pro vous fait gagner du temps, soutenez-nous avec un avis 5 étoiles.