Funcionalidades
O PageDNA analisa a estrutura, o estilo e o comportamento de um site e transforma-o numa visualização generativa única.
Cinco modos de visualização
Cada modo revela uma camada diferente da mesma página.
DOM City
Transforma a estrutura da página num horizonte de secções, contentores e torres de conteúdo.
CSS Portrait
Transforma as cores, os raios, o espaçamento, as sombras e a tipografia num retrato abstrato e fluido.
Layout DNA
Mapeia a estrutura semântica e a profundidade em anéis radiais, uma impressão digital da página.
Interaction Map
Mostra os elementos interativos e os caminhos entre eles como um grafo luminoso.
Code Galaxy
Transforma ficheiros, componentes e dependências em constelações de estrelas e órbitas.
Quatro formas de alimentar uma página
Leve uma página ao PageDNA da forma que melhor se adequa ao seu fluxo de trabalho.
Colar código
Cole HTML, CSS e JavaScript em bruto. O PageDNA processa tudo no lado do cliente.
Carregar ficheiros
Arraste e largue ficheiros .html, .css, .js, .jsx, .tsx, .json de um projeto.
Analisar URL
Aponte para um URL ao vivo. O PageDNA carrega-o num Chromium sem interface e devolve uma análise completa.
Fragmento do navegador
Útil para páginas privadas ou autenticadas. Funciona no seu próprio separador e exporta apenas dados estruturais.
Pronto para ver o ADN da sua página?
Alimente uma página, veja o PageDNA ler a sua estrutura e exporte a visualização.