🔍
URL Printer Studio — Web Style Inspector
Diagnostický nástroj pro analýzu HTML, CSS a typografie webu
Pipeline Debugger v5.0
Zpět do URL Printeru 🧪 Automatické testy (115)
Testované stránky:
Vložte surový HTML kód včetně <style> a <link> tagů:
📡
1. Stažení (Fetch)
Čeká na spuštění
🎨
2. Extrakce Tokenů
CSS Proměnné & Fonty
🧹
3. Sémantický Filtr
Čištění HTML DOM
🎯
4. Aplikace Stylů
H1..H6, P, Tabulky
🖼️
5. Čistý Náhled
Bez zalamování
Čistý renderovaný článek s aplikovanými webovými styly: (Zcela bez A4 stránkování a zalamování)
🔍
Zadejte URL adresu nebo klikněte na "Analyzovat a inspekto­vat"
📐 Vypočítané CSS styly aplikované na univerzální elementy
Měřeno v reálném čase pomocí window.getComputedStyle()
Element / Značka Vypočítaná barva písma Rodina písma (font-family) Velikost & Tloušťka Pozadí & Ohraničení Živý náhled v kontextu Status shody
🎨 Extrahované Design Tokeny (Barevná paleta & Písma)
📋 Mapa nalezených CSS proměnných (--*)
0 proměnných
Žádné CSS proměnné nebyly detekovány.
📄 Extrahované <style> bloky & @import pravidla
0 bloků
Žádné <style> bloky nebyly detekovány.
📥 Surové stažené HTML (Raw Source)
0 znaků
<!-- Surový HTML kód se zobrazí zde -->
🧹 Vyčištěný sémantický obsah (Cleaned DOM)
0 elementů
<!-- Vyčištěný sémantický kód se zobrazí zde -->
🐞 Diagnostický protokol průchodu pipeline
ℹ️ Inspektor je připraven k analýze. Zadejte URL adresu nebo vyberte vzor výše.