Funkcje
PageDNA analizuje strukturę, styl i zachowanie strony, a następnie zamienia je w unikalną generatywną wizualizację.
Pięć trybów wizualizacji
Każdy tryb odsłania inną warstwę tej samej strony.
Miasto DOM
Zamienia strukturę strony w panoramę sekcji, kontenerów i wież treści.
Portret CSS
Przekształca kolory, zaokrąglenia, odstępy, cienie i typografię w płynny abstrakcyjny portret.
DNA układu
Mapuje semantyczną strukturę i głębokość na pierścienie, odcisk palca strony.
Mapa interakcji
Pokazuje elementy interaktywne i ścieżki między nimi jako świetlisty graf.
Galaktyka kodu
Zamienia pliki, komponenty i zależności w konstelacje gwiazd i orbit.
Cztery sposoby podania strony
Podaj stronę do PageDNA w sposób, który pasuje do Twojego procesu.
Wklej kod
Wrzuć surowy HTML, CSS i JavaScript. PageDNA parsuje wszystko po stronie klienta.
Wgraj pliki
Przeciągnij i upuść pliki .html, .css, .js, .jsx, .tsx, .json z projektu.
Analizuj URL
Wskaż żywy adres URL. PageDNA wczyta go w bezgłowej przeglądarce Chromium i zwróci pełną analizę.
Snippet przeglądarki
Przydaje się do stron prywatnych lub wymagających logowania. Działa w Twojej karcie i eksportuje wyłącznie dane strukturalne.
Gotowy, by zobaczyć DNA swojej strony?
Podaj stronę, zobacz, jak PageDNA odczytuje jej strukturę, i wyeksportuj wizualizację.