DevSnoop — Outils pour développeurs

Qu'est-ce que DevSnoop ?

DevSnoop est un outil de développement qui permet aux agents de codage comme Codex et Claude Code d'inspecter votre onglet Chrome réel, de cliquer sur les éléments de l'interface, de lire les erreurs de console et de réseau, et de vérifier les modifications avant de modifier le mauvais fichier. Il associe une extension Chrome à un hôte natif sur votre machine, exposant une petite API HTTP pour l'inspection et l'interaction avec le navigateur.

Le problème qu'il résout

Les agents de codage manquent souvent d'une boucle de rétroaction pour le travail frontend, car les preuves critiques — état du DOM, requêtes échouées, exceptions de console — sont piégées dans le navigateur. DevSnoop comble cette lacune, permettant aux agents de comprendre ce qui est affiché sur la page, de reproduire les actions des utilisateurs et de voir ce qui a changé après un clic ou un rechargement à chaud, réduisant ainsi les conjectures et les modifications inutiles.

À qui il s'adresse

DevSnoop s'adresse aux développeurs qui utilisent des agents de codage IA sur des projets locaux, en particulier ceux qui travaillent sur des applications frontend ou full-stack où l'état du navigateur est important. Ce n'est pas un remplacement pour les tests de bout en bout ou les outils de régression visuelle — c'est un pont pratique et local qui permet aux agents de voir les preuves réelles du navigateur.

Cas d'utilisation

Les utilisations typiques incluent le débogage d'un échec de paiement, la vérification d'une modification d'interface après un rechargement à chaud, l'audit de la lisibilité de textes ou d'icônes peu visibles, et la gestion de plusieurs profils Chrome avec des connexions séparées pour les tests pilotés par agent.

• page_summary — Obtenez un résumé sémantique compact de la structure, du texte, des contrôles et des sélecteurs de la page pour aider les agents à comprendre l'interface sans brûler de jetons.
• click, fill, scroll, hover — Laissez votre agent interagir avec le navigateur comme un véritable utilisateur pour reproduire des actions et tester des parcours.
• get_network & get_logs — Capturez automatiquement les journaux de console, les requêtes réseau et les exceptions JavaScript, avec des données sensibles masquées, afin que les agents puissent trouver la véritable cause de l'échec.
• Suivi des diffs — Voyez ce qui a changé après une action ou un rechargement à chaud grâce à des diffs DOM légers, pour que les agents sachent si la page a bien été mise à jour.
• Audits de lisibilité et d'accessibilité — Détectez les textes peu visibles, les icônes à faible contraste, les petites étiquettes et autres problèmes de lisibilité avec sélecteurs, emplacements et recommandations de correction.
• Plusieurs profils Chrome — Étiquetez les profils et laissez votre agent choisir le bon contexte de navigateur, en gardant les connexions et comptes de test séparés et isolés.

Tarifs de DevSnoop : 29 $ en paiement unique. Modèle de facturation : Lifetime.

À titre de comparaison : le prix de départ médian dans Outils pour développeurs est de $19.99/mois, mesuré sur 301 outils que nous suivons. Voir le SaaS Pricing Index complet →

DevSnoop – 29 $ en paiement unique

Payez une fois, utilisez pour toujours. Inclut l'inspection du DOM, des styles et de la structure sémantique ; des audits heuristiques de lisibilité ; les journaux de console, les erreurs réseau et les exceptions ; les actions de clic, de remplissage, de défilement, de survol et de capture d'écran ; les diffs DOM légers ; la détection de la pile technique ; la connexion à l'hôte natif local ; compatible avec n'importe quel agent de codage ; 1 an de mises à jour.

Aperçu gratuit des commandes pendant 24 h : essayez chaque commande pendant 24 heures avant d'acheter.

Trouvez l’outil qu’il vous faut avec notre conseiller IA →