/url-parser

URL-parser og query-parameter-editor online

Analyser en URL i komponenter, og rediger eller slett query-parametere live i et ryddig grensesnitt.

Om URL-parsing

En URL (Uniform Resource Locator) er bygd opp av flere definerte komponenter. Dette verktøyet gjør det enkelt å analysere en URL, spesielt lange sporingslenker eller API-kall med mange query-parametere, og redigere dem i et ryddig grensesnitt.

  • Protokoll: Angir hvordan data overføres (f.eks. HTTP eller HTTPS).
  • Domene (Host): Nettstedets adresse eller IP-adresse.
  • Sti (Path): Den spesifikke mappen eller siden på serveren.
  • Query-parametere: Nøkkel-verdi-par som sender ekstra data til siden (starter med ? og skilles med &).
  • Anker (Hash): Viser til en spesifikk ID eller bokmerke på siden (starter med #).

Om dette verktøyet

URL-parseren dekonstruerer en URL i sine bestanddeler: protokoll (https), vert (example.com), port (443), sti (/blog/post), spørrestreng (?q=hello), fragment (#section-2) og bruker-info (user:pass@). Nyttig når du feilsøker lenker, bygger URL-er programmatisk, henter ut spesifikke query-parametere, eller lager routing-logikk. Verktøyet håndterer også IDN (internasjonale domener), URL-encoding og relative URL-er som løses mot en base-URL. Alt parsing skjer i nettleseren.

Slik bruker du det

  1. Lim inn URL-en du vil analysere.
  2. Se alle deler dekonstruert i en tabell.
  3. Klikk på en enkelt query-parameter for å kopiere verdien.
  4. Bruk «Base URL»-feltet hvis du analyserer en relativ URL.

Eksempler

Vanlig URL
Innhttps://verktoy.dev/no/qr?text=Hei&size=256#preview
Utprotokoll: https vert: verktoy.dev sti: /no/qr query: text=Hei, size=256 fragment: preview
Med bruker-info og port
Innpostgres://alice:s3cret@db.example.com:5432/production
Utprotokoll: postgres bruker: alice passord: s3cret vert: db.example.com port: 5432 sti: /production
Passord i URL vises kun for demonstrasjon, ikke bruk dette i produksjonskonfigurasjon.
IDN
Innhttps://ærlig.no/side
Utvert (Unicode): ærlig.no vert (ASCII/Punycode): xn--rlig-loa.no

Vanlige bruksområder

  • Feilsøke UTM-parametere i sporingslenker.
  • Bygge dynamiske deep-lenker for e-post- eller push-varsler.
  • Ekstrahere OAuth-callback-parametere som code og state.
  • Skrive routing-logikk i frontend-apper som React Router eller Vue Router.
  • Sjekke at IDN-domener er korrekt Punycode-kodet.

Ofte stilte spørsmål

Hva er URL-encoding?
Prosessen med å bytte ut «utrygge» tegn i en URL med prosent-notasjon: mellomrom blir %20, æ blir %C3%A6, ? blir %3F og så videre. RFC 3986 definerer at kun bokstaver, tall, og noen få tegn (- _ . ~) kan brukes rå, alt annet må enkodes.
Er URL og URI det samme?
Nesten. URI (Uniform Resource Identifier) er overordnet. En URL er en URI som også forteller hvordan man henter ressursen (protokoll), mens en URN er en URI som bare navngir (urn:isbn:0451450523). I praksis brukes URI og URL nesten om hverandre.
Kan en URL være uendelig lang?
Standarden setter ingen fast grense, men praktiske grenser finnes: nettlesere støtter typisk 2000–8000 tegn, HTTP-servere er ofte konfigurert til 4096 eller 8192 byte, søkemotorer indekserer helst URL-er under 2048 tegn. For lange verdier, bruk POST body eller kortere ID-er med lookup i database.
Hvorfor sender ikke fragmentet (#) til serveren?
Fragmentet er en klient-sidereferanse, det peker til et sted i det allerede hentede dokumentet (f.eks. en overskrift #kapittel-3). Nettleseren strippet det bort før HTTP-forespørselen sendes, og bruker det til å scrolle eller trigge JavaScript. Derfor kan SPA-er endre # uten å måtte laste side på nytt.

Teknisk bakgrunn

URL-standarden er WHATWG URL Living Standard (url.spec.whatwg.org), som avløste RFC 3986 for web-bruk. En URL er en «record» med felter: scheme, username, password, host, port, path (array), query, fragment. Å parse er ikke-triviell: standarden definerer en tilstandsmaskin med 24 states som håndterer edge cases som «http:example.com» (uten skråstreker), «file:///c:/» og relative referanser mot en base. Nettleseren-API-et URL leverer dette gratis: new URL(input, base) enten kaster TypeError eller gir et gyldig URL-objekt du kan lese felter fra. searchParams er en URLSearchParams-instans som lar deg få og sette query-parametere uten manuell string-håndtering: url.searchParams.get('q'), url.searchParams.set('lang', 'no'), url.searchParams.append('tag', 'ny'). For IDN håndteres Punycode automatisk: å skrive ærlig.no gjør at url.hostname returnerer xn--rlig-loa.no, mens url.host beholder Unicode-formen. Verktøyet vårt bruker samme URL-API som nettleseren og viser deg både Unicode og ASCII av verten.