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.
Duas formas de começar
Analise uma página ao vivo ou explore primeiro a demo.
Analisar URL
Aponte para um URL ao vivo. O PageDNA carrega-o num Chromium sem interface e devolve uma análise completa.
Testar demo
Abra uma página de exemplo integrada, analisada localmente no seu navegador, e explore cada vista sem analisar nenhum site.
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.