Analýza struktury (DOM)
Prochází strom DOM, počítá a klasifikuje prvky a promění strukturu dokumentu v něco vizuálního namísto holé osnovy.
PageDNA
Proměňte libovolný web ve vizuální DNA
Generativní vizualizace struktury, stylu a chování webu.
Webová aplikace
Online
Oficiální stránka produktu
Vydavatel:
POLPROG
Oficiální stránka produktu
3
Dimenze analýzy
5
Zkoumané vizualizace
2
Režimy (soubor / URL)
1
Backend Playwright
01 / PageDNA
O aplikaci
PageDNA promění libovolný web ve vizuální DNA. Analyzuje stránku napříč třemi osami - struktura (DOM), styl (CSS, rozvržení, typografie, barva) a chování (interaktivita, animace, síť) - a výsledek vykreslí jako generativní vizualizaci namísto dashboardu.
Frontend běží zcela v prohlížeči, takže stránku načtenou uživatelem lze analyzovat bez nahrávání čehokoli. Režim URL pohání malý backend Node.js + Playwright, který načte cílovou stránku ve skutečném prohlížeči, zachytí její strukturu, styl a chování a odešle data zpět vizuálnímu enginu.
Možné vizualizace zkoumané projektem zahrnují DOM City (struktura jako budovy), CSS Portrait (styl jako paleta a textura), Layout DNA (kompoziční tvar), Interaction Map (topologie událostí) a Code Galaxy (struktura souborů a modulů). Každá je odhalena až poté, co je skutečně implementována.
02 / Klíčové funkce
Klíčové funkce
Nejdůležitější možnosti vysvětlené prakticky.
Analýza stylu (CSS, rozvržení, barva, typografie)
Extrahuje paletu, typografickou škálu a jazyk rozvržení stránky, takže návrhová rozhodnutí jsou čitelná na první pohled.
Analýza chování / interaktivity
Zachytává interakce, animace a síťová volání, takže chování stránky se zobrazí vedle její statické struktury.
Frontend v prohlížeči
Vizualizační engine běží zcela v prohlížeči uživatele - pro lokálně načtené stránky není vyžadováno žádné nahrávání.
Režim URL poháněný Playwrightem
Režim URL používá malý backend Node.js + Playwright, který načte cílovou stránku ve skutečném prohlížeči a předá data zpět vizualizačnímu enginu.
Generativní vizualizace
DOM City, CSS Portrait, Layout DNA, Interaction Map a Code Galaxy promění analýzu v umělecká díla namísto dashboardů.
Znovupoužitelné pro návrh a audit
Užitečné pro pochopení webu konkurence, profilování vlastního webu nebo vytvoření vizuálního portrétu existující stránky.
03 / Stáhnout
Přístup k produktu
Jasná cesta od oficiálního zdroje k prvnímu úspěšnému použití.
Vyberte správnou platformu
Použijte jeden z oficiálních odkazů pro své zařízení nebo prohlížeč.
Nainstalujte nebo otevřete
Postupujte podle pokynů obchodu nebo otevřete webovou aplikaci. Bez instalátorů třetích stran.
Nastavte a začněte
Projděte možnosti, zvolte předvolby a začněte hlavním pracovním postupem.
Oficiální možnosti přístupu
04 / Technologie
Technologie produktu
Transparentní přehled hlavních technologií použitých k vývoji a údržbě produktu.
Next.js
React
TypeScript
Tailwind CSS
Docker
05 / Zabezpečení
Soukromí a bezpečnost
Vaše data zůstávají ve vašem zařízení. Vždy.