URL-parser og query-parameter-editor online
Analyser en URL i komponenter, og rediger eller slett query-parametere live i et ryddig grensesnitt.
URL-komponenter
| Komponent | Verdi |
|---|---|
| Protokoll | |
| Domene (Host) | |
| Sti (Path) | |
| Port | |
| Anker (Hash) |
Query-parametere
0| Nøkkel (Key) | Verdi (Value) | Fjern |
|---|
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
- Lim inn URL-en du vil analysere.
- Se alle deler dekonstruert i en tabell.
- Klikk på en enkelt query-parameter for å kopiere verdien.
- Bruk «Base URL»-feltet hvis du analyserer en relativ URL.
Eksempler
https://verktoy.dev/no/qr?text=Hei&size=256#previewprotokoll: https
vert: verktoy.dev
sti: /no/qr
query: text=Hei, size=256
fragment: previewpostgres://alice:s3cret@db.example.com:5432/productionprotokoll: postgres
bruker: alice
passord: s3cret
vert: db.example.com
port: 5432
sti: /productionhttps://ærlig.no/sidevert (Unicode): ærlig.no
vert (ASCII/Punycode): xn--rlig-loa.noVanlige 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.