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.
DevScope
Inspecteur d'éléments
Inspectez n'importe quel élément instantanément
Outil développeur
Page officielle du produit
Éditeur:
POLPROG
Page officielle du produit
6
Panneaux
15+
Raccourcis
19
Langues
0
Données collectées
01 / DevScope
À 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é.
02 / Usage
Ce que cela résout
Le problème
- Les outils complets repoussent la page sur le côté
- Chaque essai de style passe par l'éditeur
- Vous ignorez où part ce que vous inspectez
Le résultat
- Un panneau léger flotte au-dessus de la page
- Vous voyez la modification CSS en direct
- Aucune donnée ne quitte votre navigateur
Pour qui
- Développeurs front-end
- Auditeurs d'accessibilité
- Ceux qui testent des correctifs CSS en direct
03 / Fonctionnalités clés
Fonctionnalités clés
Les fonctions essentielles expliquées de manière concrète.
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.
04 / Télécharger
Accès au produit
Un parcours clair de la source officielle à votre première utilisation réussie.
Choisir la bonne plateforme
Utilisez l'un des liens officiels disponibles pour votre appareil ou votre navigateur.
Installer ou ouvrir
Suivez les instructions de la boutique ou ouvrez l'application web. Aucun programme d'installation tiers.
Configurer et commencer
Consultez les options, choisissez vos préférences et commencez par le flux principal.
Options d'accès officielles
Télécharger
Installez l'extension POLPROG dans votre navigateur préféré.
05 / Technologie
Technologies du produit
Une vue transparente des technologies principales utilisées pour créer et maintenir ce produit.
Chrome Extension
TypeScript
Webpack
06 / Sécurité
Confidentialité et sécurité
Vos données restent sur votre appareil. Toujours.