Web a ladění

Nástroje pro ladění webu, tokenů, barev, čištění SVG souborů, práce s CRON a regulárních výrazů.

JWT dekodér a ověření podpisuDekódování JWT tokenu, kontrola platnosti (exp, nbf, iat) a ověření podpisu.
Tester regulárních výrazůTester regexů pro JavaScript, PHP, Python, Go, .NET, Javu i Rust: shody, vysvětlení, mapa výrazu, náhrada, testy a hotový kód.
Kontrola a vyčištění SVGKontrola SVG na skripty, zakódované stránky v Base64, vložené soubory, phishingové formuláře a externí zdroje a jejich bezpečné odstranění.
Validátor XML feedu pro Heureku a Zboží.czKontrola produktového XML feedu podle specifikace Heureka.cz a Zboží.cz: povinné elementy, formát ceny, dostupnosti a EAN, kódy dopravců, duplicitní ITEM_ID a jmenný prostor.
Náhled HTML a CSSBezpečný náhled HTML a CSS v izolovaném rámu s výběrem šířky zařízení.
Porovnání dvou textů (diff)Porovnání dvou textů po řádcích, slovech nebo znacích, včetně unified diff.
Náhled MarkdownuŽivý náhled Markdownu (GitHub Flavored) s bezpečným HTML výstupem.
Převodník barev (HEX, RGB, HSL, OKLCH)Převod barev mezi HEX, RGB, HSL, HWB, OKLCH a Lab s kontrastem podle WCAG.
Vysvětlení cron výrazuPopis cron výrazu česky, výpis dalších spuštění a převod na crontab, systemd timer, launchd (macOS) a Plánovač úloh Windows.
Dekodér certifikátů X.509Rozbor certifikátů X.509: subjekt, platnost, klíč, alternativní názvy, rozšíření a otisky.
Porovnání XMLStrukturní porovnání dvou XML dokumentů s cestou ke každé změně.
Porovnání JSONSémantické porovnání dvou JSON dokumentů bez ohledu na pořadí klíčů.
IP a CIDR kalkulačkaRozbor IPv4 a IPv6 adres a sítí: maska, rozsah hostitelů, broadcast, typ adresy a kontrola příslušnosti.
Rozbor řetězce User-AgentRozpoznání prohlížeče, jádra, operačního systému a zařízení z řetězce User-Agent.
Rozbor e-mailových hlavičekRozbor hlaviček e-mailu: odesílatel, předmět, datum, cesta zprávy přes servery (Received) a všechny hlavičky.
ASN.1 / DER dekodérVýpis struktury ASN.1 DER z PEM, Base64 nebo Hex: typy, OID se jmény, vnořené struktury (certifikáty, klíče).
Kontrast barev podle WCAGKontrastní poměr textu a pozadí podle WCAG 2.2 (AA, AAA) a APCA pro barvy v libovolném CSS zápisu, s náhledem a návrhem vyhovující barvy.
Kalkulačka specificity CSSVýpočet specificity CSS selektorů včetně :is(), :not(), :has() a :where(), barevný rozbor a seřazení podle síly.
Kódy kláves v JavaScriptuStiskni klávesu a uvidíš event.key, event.code, keyCode a location, s ukázkou obsluhy a tabulkou kódů kláves.
Porovnání hodnot v JavaScriptu (== a ===)Tabulka, které hodnoty se v JavaScriptu rovnají podle ==, === a Object.is(), s vysvětlením převodu typů krok po kroku.
Responzivní logoJak udělat logo, které se na užší obrazovce zjednoduší: živá ukázka, postup a hotový kód s container query, <picture> nebo SVG spritem.

Ladění webu a API

Nástroje pro každodenní ladění: dekódování a ověření JWT tokenu, tester regulárních výrazů pro JavaScript, PHP, Python, Go a .NET, porovnání dvou textů, náhled HTML a Markdownu, bezpečnostní kontrola SVG, kontrola XML feedu pro Heureku a Zboží.cz, převod barev, kontrola kontrastu podle WCAG, specificita CSS selektorů, kódy kláves a tabulka rovnosti v JavaScriptu nebo vysvětlení cron výrazu. Při práci se sítí se hodí IP a CIDR kalkulačka, rozbor certifikátu X.509 a ASN.1 dekodér.

Tokeny, certifikáty a e-mailové hlavičky často obsahují citlivé údaje. Všechny nástroje v této kategorii je zpracují jen v prohlížeči a nikam je neodesílají, takže je můžeš bezpečně vložit i z produkčního prostředí.

Služby mimo XML.cz k tomuto tématu najdeš v přehledu externích nástrojů: Výkon, SEO a přístupnost, Bezpečnost, HTTPS a DNS, API a HTTP.