Funciones
PageDNA analiza la estructura, el estilo y el comportamiento de un sitio web y lo convierte en una visualización generativa única.
Cinco 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.
Cuatro formas de alimentar una página
Lleva una página a PageDNA de la forma que mejor se adapte a tu flujo de trabajo.
Pegar código
Pega HTML, CSS y JavaScript en bruto. PageDNA lo analiza todo en el lado del cliente.
Subir archivos
Arrastra y suelta archivos .html, .css, .js, .jsx, .tsx, .json de un proyecto.
Analizar URL
Apunta a una URL en vivo. PageDNA la carga en un Chromium sin interfaz y devuelve un análisis completo.
Fragmento del navegador
Útil para páginas privadas o autenticadas. Se ejecuta en tu propia pestaña y exporta solo datos estructurales.
¿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.