VisualDOM dans Chrome avec OffiDocs

DESCRIPTION

Une représentation visuelle légère du modèle d'objet de document pour aider au développement Web, écrite en JavaScript et CSS vanille.

Une solution "définissez-le et oubliez-le" à la confusion d'imbrication d'éléments.

Cette extension dessine un diagramme des éléments sur leur page HTML afin de visualiser facilement comment leurs éléments HTML sont imbriqués les uns dans les autres.

Les noms, les classes et les identifiants des balises sont affichés à l'intérieur de chaque nœud, avec un code couleur pour une identification pratique et significative.

Mode d'emploi : - Ouvrez votre fichier HTML dans le navigateur.

- Cliquez sur l'icône VisualDOM pour l'activer.

Chrome peut demander certaines autorisations (aucune donnée utilisateur ou information de site Web n'est jamais stockée) - Actualiser la page (ou modifier votre HTML tout en utilisant une extension IDE Live Server) supprimera les éléments générés par VisualDOM, et vous devrez cliquer sur l'icône à nouveau pour générer le contenu mis à jour.

Aimez ce que vous voyez? Retrouvez-moi sur GitHub

• <Précédent
• Suivant>