DevScope - Diagnostic développeur par POLPROG

DevScope est une boîte à outils professionnelle pour inspecter et diagnostiquer la page web active à la demande.
Analysez la structure, le CSS, les performances, le réseau, les en-têtes de sécurité, l’accessibilité, le SEO, le stockage, l’exécution JavaScript et les frameworks détectés sans multiplier les outils.

🧩 ANALYSE DU DOM ET INSPECTION

• Analyser profondeur et complexité du DOM, identifiants dupliqués, nœuds détachés, styles inline et structure sémantique
• Sélectionner des éléments directement sur la page avec surbrillance et navigation par fil d’Ariane
• Consulter des conseils concrets sur les anti-patterns structurels courants

🎨 INSPECTION CSS ET ÉDITION EN DIRECT

• Afficher les styles calculés, le modèle de boîte et les propriétés réellement appliquées
• Détecter les conflits de spécificité et les problèmes de mise en page possibles
• Modifier les styles en direct, voir les changements immédiatement et réinitialiser chaque propriété

⚡ PERFORMANCES ET CORE WEB VITALS

• Examiner Core Web Vitals, temps d’affichage, timings des ressources et tâches longues
• Analyser les signaux d’exécution JavaScript et l’usage des ressources par type
• Identifier les fichiers lents et les goulots d’étranglement probables

🌐 RÉSEAU, STOCKAGE ET EXÉCUTION

• Regrouper les requêtes par type et statut et examiner leurs timings
• Inspecter LocalStorage, SessionStorage, cookies, IndexedDB et Cache API
• Analyser erreurs d’exécution, messages console, écouteurs, minuteries et activité des scripts

🔐 SÉCURITÉ ET ACCESSIBILITÉ

• Valider HTTPS, contenu mixte, CSP, HSTS, Permissions-Policy et X-Frame-Options
• Lancer des contrôles orientés WCAG pour ARIA, contraste, repères, libellés et textes alternatifs manquants
• Prioriser les corrections grâce à des résultats et recommandations clairs

🔎 SEO ET DÉTECTION DE FRAMEWORKS

• Vérifier balises meta, Open Graph, URL canonique, données structurées, hiérarchie des titres et indexabilité
• Détecter React, Vue, Angular, Svelte, jQuery, Next.js, Nuxt.js, Tailwind CSS, Bootstrap et d’autres bibliothèques
• Consulter les versions disponibles et les dépendances potentiellement obsolètes

🏥 RAPPORT DE SANTÉ DU SITE

• Générer des résultats prioritaires classés P0, P1 et P2
• Utiliser le DX Score de 0 à 100 comme indicateur rapide de santé technique
• Examiner stabilité, réseau, performances et qualité du DOM dans un rapport unique

📊 EXPORT ET COMPARAISON

• Exporter les rapports en JSON, CSV ou Markdown
• Créer des instantanés et comparer les résultats pour repérer les régressions
• Exporter des modules individuels pour une analyse ciblée

🛠 CONÇU POUR LE VRAI DÉBOGAGE

Ancrez le panneau à droite ou en bas, utilisez le mode flottant, redimensionnez-le et activez-le avec Ctrl+Shift+D.

L’isolation Shadow DOM limite les interférences avec la page inspectée. Thèmes clair et sombre, synchronisation système et interface en 15 langues sont disponibles.

🔒 CONFIDENTIALITÉ AVANT TOUT

L’extension ne collecte aucune donnée personnelle, ne suit pas la navigation, n’utilise ni analyse ni télémétrie et ne contacte aucun serveur externe.

L’analyse de la page est effectuée localement sur l’appareil. Les préférences restent stockées dans le navigateur.

🏢 À PROPOS DE L’AUTEUR

DevScope est développé par POLPROG, une entreprise technologique polonaise qui crée des extensions de navigateur, des applications web et des applications mobiles axées sur la confidentialité.

Site web: https://polprog.pl/
Page produit DevScope: Voir la page produit
Version navigateur: Voir dans le Chrome Web Store