Commencez à utiliser DevSuite Pro en quelques clics
Démarrer est simple. Installez l'extension, ouvrez n'importe quelle page web et accédez à plus de 39+ outils de développement depuis le popup ou le dock flottant. Aucune configuration nécessaire.
Ajouter l'extension à Chrome
Ouvrez le Chrome Web Store et recherchez l'extension "DevSuite Pro".
Cliquez sur "Ajouter à Chrome" puis confirmez en cliquant sur "Ajouter l'extension" dans la fenêtre contextuelle.
Ouvrez n'importe quelle page web et lancez un outil
Accédez à n'importe quel site web, puis cliquez sur l'icône DevSuite Pro dans la barre d'outils ou utilisez le dock flottant sur la page.
Sélectionnez n'importe quel outil dans la grille. Des outils comme CSS Inspector, Rulers ou Color Picker s'activent instantanément sur la page en cours.
Fonctionnalités de l'extension
Fonctionnalités clés de DevSuite Pro
DevSuite Pro propose plus de 39+ outils de développement pour inspecter, mesurer, concevoir et analyser les pages web. Optimisez votre flux de travail avec des fonctionnalités puissantes intégrées directement dans votre navigateur.
CSS Inspector
Survolez n'importe quel élément pour afficher et modifier instantanément ses styles CSS en direct, facilitant le débogage et l'ajustement des designs en temps réel.
Cliquez sur n'importe quel élément pour inspecter ses propriétés, dimensions, espacements, polices et couleurs. Comprenez la structure de la page instantanément sans ouvrir les DevTools du navigateur.
Rulers & Guides
Mesurez les distances, vérifiez l'alignement et ajoutez des règles et des guides au pixel près sur n'importe quelle page web pour garantir un alignement parfait de vos designs.
Color Picker
Sélectionnez des couleurs de n'importe quel élément de la page et kopiez les valeurs HEX, RGB ou HSL dans votre presse-papiers en un seul clic.
Capture d'écran
Capturez des captures d'écran de la page entière ou de la zone visible de n'importe quelle page web et téléchargez-les instantanément, idéal pour partager des designs et signaler des bugs.
Test responsive
Prévisualisez n'importe quelle page web à différentes tailles d'écran et résolutions d'appareils pour tester le design responsive sans quitter votre navigateur.
Questions fréquemment posées par les utilisateurs de DevSuite Pro
Questions courantes sur les fonctionnalités et l'utilisation de l'extension DevSuite Pro. Si vous avez une question, la réponse se trouve peut-être déjà ci-dessous.
Comment installer DevSuite Pro ?
Rendez-vous sur le Chrome Web Store, recherchez "DevSuite Pro", cliquez sur "Ajouter à Chrome" et confirmez en sélectionnant "Ajouter l'extension". Une fois installée, l'icône de l'extension apparaîtra dans la barre d'outils de votre navigateur. Cliquez dessus pour accéder instantanément à plus de 39+ outils de développement.
Quelle est la différence entre les outils gratuits et Pro ?
Les outils gratuits (20+) sont accessibles à tous sans licence requise. Les outils Pro sont marqués d'un badge doré PRO et nécessitent une licence Pro active. Vous pouvez voir quels outils sont gratuits ou pro depuis le popup — les outils gratuits n'ont pas d'icône de verrouillage, tandis que les outils pro apparaissent légèrement estompés tant que vous n'avez pas activé votre licence.
Pourquoi un outil ne fonctionne-t-il pas sur certains sites ?
Certains sites web ont des politiques de sécurité du contenu (CSP) strictes qui bloquent certaines actions des extensions de navigateur. C'est particulièrement courant sur les sites bancaires et gouvernementaux. De plus, les pages internes de Chrome (chrome://) ne permettent pas aux extensions d'exécuter des scripts de contenu.
Mes modifications sur une page sont-elles permanentes ?
Non. Toutes les modifications effectuées par des outils comme Move Element, Live Text Editor, Delete/Hide Element et CSS Inspector sont temporaires. Elles n'affectent que ce que vous voyez dans votre navigateur à cet instant. Recharger la page restaurera tout à son état d'origine.
Comment activer ma licence Pro ?
Ouvrez le popup DevSuite Pro, cliquez sur l'icône Paramètres dans le coin supérieur droit. Faites défiler jusqu'à la section Licence, collez votre clé de licence dans le champ de saisie et cliquez sur Activer. Si la clé est valide, le badge passera de FREE à PRO et tous les outils pro seront déverrouillés instantanément.
Comment déplacer ou masquer le dock flottant ?
Vous pouvez déplacer le dock en allant dans les Paramètres et en choisissant une position de barre latérale différente — Haut, Bas, Gauche ou Droite. Vous pouvez également masquer complètement le dock en désactivant "Afficher le dock sur les pages" dans les Paramètres, ou en appuyant sur Ctrl+Shift+X à tout moment.
DevSuite Pro collecte-t-il des données de navigation ?
No. DevSuite Pro ne collecte, ne suit et ne transmet aucune donnée de navigation. Tous les paramètres sont stockés localement dans votre navigateur. La seule requête externe effectuée concerne l'activation de la clé de licence pour vérifier votre clé auprès de notre serveur.
Puis-je utiliser DevSuite Pro sur Firefox ?
Oui ! DevSuite Pro est disponible sur le Chrome Web Store et les modules complémentaires Firefox. Il fonctionne sur Chrome, Edge, Brave et d'autres navigateurs basés sur Chromium, ainsi que sur Firefox.
