§

URL

§

Části URL

Plné URL (href)
Protokol
Uživatelské jméno
Heslo
Host
Název hostitele
Port
Cesta
Vyhledávání (raw)
Hash (fragment)
Origin
§

Query parametry

Klíč Hodnota (raw) Dekódovaná hodnota

Žádné query parametry v tomto URL

České digitální marketingové týmy používají URL parsing při auditu kampaní. GA4 reporty zpracovávají utm_source, utm_medium, gclid a fbclid jako odlišné query klíče. Tento parser používá nativní WHATWG URL standard.

// Související nástroje

./url-encoder
URL Kodér
Procentuálně kódujte řetězce pro bezpečný přenos v URL.
→
./url-decoder
URL Dekodér
Dekódujte procentuálně kódované URL komponenty zpět na text.
→
./json-formatter
JSON Formatter
Formátujte, validujte a minifikujte JSON v prohlížeči.
→
./
Všechny nástroje
Procházejte celou sadu online nástrojů Ultim8Soft.
→

Jak funguje parsování URL

Parser běží na WHATWG URL standardu, stejném algoritmu, který prohlížeč používá pro libovolný href.

  1. Validace vstupu. Prázdný řetězec zobrazí upozornění na prázdný vstup. Jinak předáme text new URL(text).
  2. Čtení strukturálních komponent. Čteme protocol, username, host, pathname atd. z URL objektu.
  3. Procházení query stringu. Iterujeme url.searchParams.entries() a vykreslíme jeden řádek tabulky na klíč.
  4. Přestavba na požádání. Upravte libovolnou buňku, smažte řádek nebo přidejte nový parametr, pak klikněte na Sestavit URL.
  5. Živý režim. Přepněte živý režim a každý stisk klávesy znovu parsuje URL s debounce 150 ms.

Proč parsovat URL v prohlížeči

  • Nic neopouští záložku. URL nesou tokeny, session ID a podepsané parametry. Tento parser používá stejný URL algoritmus lokálně.
  • Odpovídá tomu, co vidí váš kód. Node.js, moderní prohlížeče a Cloudflare Workers používají WHATWG URL implementaci.
  • Čte query stringy lidsky. Raw a dekódované hodnoty vedle sebe.
  • Úpravy s round-tripem. Pusťte tracking parametr, opravte překlep v cestě, změňte port.

Běžná použití

Parsování URL se objevuje v každodenní práci vývojářů, bezpečnosti a analytiků.

  • Ladění API endpointů: potvrďte base URL, cestu a query parametry.
  • Audit tracking parametrů: zobrazte všechny UTM, gclid, fbclid klíče.
  • Validace affiliate a partnerských odkazů.

Příklad použití

Vložte https://priklad.cz/search?q=hello%20world&lang=cs do vstupu. Protokol čte https:, hostname priklad.cz, pathname /search. Tabulka query ukazuje dva řádky.

FAQ

Co je URL parser?

URL parser bere URL řetězec a rozkládá jej na pojmenované komponenty: protokol, userinfo, host, cestu, query string a fragment.

Jaký je rozdíl mezi host a hostname?

Hostname je jen doména. Host je hostname plus port, pokud je port přítomen.

Probíhá dekódování automaticky?

Strukturální komponenty jsou čteny přímo z URL objektu. Query hodnoty jsou zobrazeny dvakrát: raw a dekódované.

Mohu upravit a přestavět URL?

Ano. Každá buňka je upravitelná. Přidejte nebo odeberte query řádky a klikněte na Sestavit URL.

Parsování URL je jednou z těch malých prací, které každý webový vývojář dělá každý týden.