Funcionalidades
O PageDNA analisa a estrutura, o estilo e o comportamento de um site e transforma-o numa visualização generativa única.
Sete 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.
Architecture Stack
Decompõe a página em sete camadas, da fundação do documento à lógica e às dependências, geradas a partir da análise real.
DOM X-Ray
Reconstrói o DOM real em 3D com vistas espacial e hierárquica; cada bloco é um elemento real que pode inspecionar.
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.