🔗 URL-parser

Plak een URL om die direct op te delen in de onderdelen: protocol, host, poort, pad, querystring en hash (fragment), met de ingebouwde URL API van de browser. Queryparameters staan in een sleutel-waardetabel, met zowel de ruwe waarde als de procent-gedecodeerde vorm.

URL invoeren

Meer ontwikkelaarstools

🧩 Querystring-generator 🔗 URL-encoder/-decoder 🔓 JWT-decoder

GIDS

Meer lezen

1. Anatomie van een URL

Een URL volgt het patroon scheme://user:pass@host:port/path?query#hash. Het schema (protocol) geeft aan hoe de bron moet worden benaderd - http, https, ftp, enz. De host is het domein of IP-adres van de server, de poort is de verbindingspoort (weggelaten wanneer die overeenkomt met de standaardpoort van het protocol: 80 voor http, 443 voor https), het pad lokaliseert de bron op de server, de query bevat sleutel-waardes die naar de server worden verzonden, en de hash (fragment) is een verwijzing aan de clientzijde die nooit naar de server wordt gestuurd. Deze tool splitst dit alles nauwkeurig op met de standaard URL API van de browser.

2. Queryparameters en percent-encoding

Querystrings gebruiken percent-encoding om spaties, niet-ASCII-tekens en gereserveerde symbolen veilig door te geven (een spatie wordt %20 of +, en niet-ASCII-tekens worden UTF-8-bytes geschreven als %XX). De browser-URLSearchParams decodeert dit automatisch naar leesbare waarden. Deze tool toont de ruwe waarde (exact zoals in de URL geschreven) naast de gedecodeerde waarde, zodat je snel dubbele codering of onverwachte tekens kunt herkennen.

3. Standaardpoorten en de origin

Wanneer een URL de poort weglaat, wordt impliciet de standaardpoort van het protocol gebruikt (80 voor http, 443 voor https, 21 voor ftp, enzovoort). De browser-eigenschap URL.port geeft een lege tekenreeks terug wanneer de poort de standaard is, dus deze tool markeert dat expliciet. De origin - protocol + hostnaam + poort (alleen wanneer niet-standaard) - is een fundamenteel concept voor browserbeveiligingsbeleid zoals CORS, cookies en isolatie van localStorage.

Veelgestelde vragen

Wordt de URL die ik plak naar een server verzonden?

Nee. Het parseren gebeurt volledig in je browser met de URL API en wordt nooit naar een server verzonden.

Waarom staat er dat de URL ongeldig is?

De URL API van de browser kan geen relatieve paden of foutieve strings parsen - er is een schema nodig (http://, https://, enz.). Zorg dat je een absolute URL invoert, bijvoorbeeld https://example.com/path.

Wat gebeurt er als dezelfde querysleutel vaker voorkomt?

URLSearchParams laat toe dat een sleutel meerdere keren voorkomt (bijv. ids=1&ids=2). Deze tool toont elk sleutel-waardepaar als een eigen rij, in de volgorde waarin het verschijnt.

Is het veilig om een URL te plakken die een wachtwoord bevat?

De verwerking gebeurt lokaal in je browser, maar in een URL inbedden van inloggegevens (username:password@host) wordt om veiligheidsredenen zelf afgeraden. Deze tool toont die onderdelen voor leer- en debugdoeleinden, maar vermijd het plaatsen van wachtwoorden in platte tekst in product-URL's.