DevScope
DevScope - Inspecteur d'éléments
Inspectez n'importe quel élément instantanément
Outil développeur
À propos
Un inspecteur d'éléments léger et rapide pour les développeurs web. Navigation dans le DOM, édition CSS en direct, inspecteur d'attributs, styles calculés et informations d'accessibilité.
Fonctionnalités clés
Inspecteur d'éléments en direct
Survolez n'importe quel élément pour voir instantanément sa balise, ses classes, ses dimensions et sa position.
Navigation dans le DOM
Naviguez de haut en bas dans l'arborescence du DOM avec des raccourcis clavier ou par clic.
Édition CSS en direct
Modifiez les propriétés CSS en temps réel et voyez les changements immédiatement sur la page.
Inspecteur d'attributs
Affichez et copiez tous les attributs HTML, les attributs data et les rôles ARIA.
Styles calculés
Consultez les valeurs calculées de n'importe quelle propriété CSS, y compris la visualisation du modèle de boîte.
Panneau d'accessibilité
Vérifiez les rôles ARIA, les étiquettes, les ratios de contraste et les informations de l'arbre d'accessibilité.
Panneau flottant
Panneau déplaçable et redimensionnable qui reste au premier plan - sans jamais bloquer votre flux de travail.
Raccourcis clavier
Naviguez dans le DOM, affichez les panneaux et inspectez les éléments sans toucher la souris.
Utilitaires de copie
Copiez les sélecteurs, les styles, le HTML externe ou des captures d'éléments dans le presse-papiers.
Thèmes sombre et clair
Choisissez entre un thème de panneau sombre ou clair pour s'adapter à votre environnement.
Inspecteur d'éléments en direct
Survolez n'importe quel élément pour voir instantanément sa balise, ses classes, ses dimensions et sa position.
Navigation dans le DOM
Naviguez de haut en bas dans l'arborescence du DOM avec des raccourcis clavier ou par clic.
Édition CSS en direct
Modifiez les propriétés CSS en temps réel et voyez les changements immédiatement sur la page.
Inspecteur d'attributs
Affichez et copiez tous les attributs HTML, les attributs data et les rôles ARIA.
Styles calculés
Consultez les valeurs calculées de n'importe quelle propriété CSS, y compris la visualisation du modèle de boîte.
Panneau d'accessibilité
Vérifiez les rôles ARIA, les étiquettes, les ratios de contraste et les informations de l'arbre d'accessibilité.
Panneau flottant
Panneau déplaçable et redimensionnable qui reste au premier plan - sans jamais bloquer votre flux de travail.
Raccourcis clavier
Naviguez dans le DOM, affichez les panneaux et inspectez les éléments sans toucher la souris.
Utilitaires de copie
Copiez les sélecteurs, les styles, le HTML externe ou des captures d'éléments dans le presse-papiers.
Thèmes sombre et clair
Choisissez entre un thème de panneau sombre ou clair pour s'adapter à votre environnement.
Confidentialité et sécurité
Vos données restent sur votre appareil. Toujours.
