Fonctionnalités
PageDNA analyse la structure, le style et le comportement d'un site web et le transforme en une visualisation générative unique.
Sept modes de visualisation
Chaque mode révèle une couche différente de la même page.
DOM City
Transforme la structure de la page en une skyline de sections, de conteneurs et de tours de contenu.
CSS Portrait
Transforme les couleurs, les rayons, les espacements, les ombres et la typographie en un portrait abstrait et fluide.
Layout DNA
Cartographie la structure sémantique et la profondeur en anneaux radiaux, une empreinte de la page.
Interaction Map
Affiche les éléments interactifs et les chemins entre eux sous forme de graphe lumineux.
Code Galaxy
Transforme les fichiers, composants et dépendances en constellations d'étoiles et d'orbites.
Architecture Stack
Décompose la page en sept couches, de la fondation du document à la logique et aux dépendances, générées à partir de l'analyse réelle.
DOM X-Ray
Reconstruit le DOM réel en 3D avec des vues spatiale et hiérarchique ; chaque bloc est un élément réel à inspecter.
Deux façons de commencer
Analysez une page en direct ou découvrez d'abord la démo.
Analyser une URL
Pointez vers une URL en direct. PageDNA la charge dans un Chromium sans interface et renvoie une analyse complète.
Tester la démo
Ouvrez une page d'exemple intégrée, analysée localement dans votre navigateur, et explorez chaque vue sans analyser de site.
Prêt à voir l'ADN de votre page ?
Alimentez une page, regardez PageDNA lire sa structure et exportez la visualisation.