Funciones
PageDNA analiza la estructura, el estilo y el comportamiento de un sitio web y lo convierte en una visualización generativa única.
Siete modos de visualización
Cada modo revela una capa diferente de la misma página.
DOM City
Convierte la estructura de la página en un horizonte de secciones, contenedores y torres de contenido.
CSS Portrait
Transforma los colores, los radios, el espaciado, las sombras y la tipografía en un retrato abstracto y fluido.
Layout DNA
Mapea la estructura semántica y la profundidad en anillos radiales, una huella dactilar de la página.
Interaction Map
Muestra los elementos interactivos y las rutas entre ellos como un grafo luminoso.
Code Galaxy
Convierte los archivos, componentes y dependencias en constelaciones de estrellas y órbitas.
Architecture Stack
Descompone la página en siete capas, desde la base del documento hasta la lógica y las dependencias, generadas a partir del análisis real.
DOM X-Ray
Reconstruye el DOM real en 3D con vistas espacial y jerárquica; cada bloque es un elemento real que puedes inspeccionar.
Dos formas de empezar
Escanea una página en vivo o explora primero la demo.
Analizar URL
Apunta a una URL en vivo. PageDNA la carga en un Chromium sin interfaz y devuelve un análisis completo.
Probar demo
Abre una página de ejemplo integrada, analizada localmente en tu navegador, y explora cada vista sin escanear ningún sitio.
¿Listo para ver el ADN de tu página?
Alimenta una página, observa cómo PageDNA lee su estructura y exporta la visualización.