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.
Cinq 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.
Quatre façons d'alimenter une page
Apportez une page à PageDNA de la manière qui convient à votre flux de travail.
Coller du code
Collez du HTML, du CSS et du JavaScript bruts. PageDNA analyse tout côté client.
Téléverser des fichiers
Glissez-déposez des fichiers .html, .css, .js, .jsx, .tsx, .json d'un projet.
Analyser une URL
Pointez vers une URL en direct. PageDNA la charge dans un Chromium sans interface et renvoie une analyse complète.
Extrait de navigateur
Utile pour les pages privées ou authentifiées. Il s'exécute dans votre propre onglet et n'exporte que des données structurelles.
Prêt à voir l'ADN de votre page ?
Alimentez une page, regardez PageDNA lire sa structure et exportez la visualisation.