| Key | Value (decoded) |
|---|---|
| color | red |
| size | 42 |
| size | 43 |
| q | trail runner |
Wat is de URL-parser?

De URL-parser neemt elk webadres en splitst het in de delen die een browser ziet: het schema, de referenties, de host en de poort, het pad, de queryreeks en het fragment. In plaats van te loensen naar een lange link vol procenttekens en ampersands, krijg je een gelabelde afbraak en een gedecodeerde tabel van elke queryparameter, in de volgorde waarin ze verschijnen.
Een URL is meer gestructureerd dan het eruit ziet Het volgt de WHATWG URL standaard - dezelfde regels die browsers gebruiken - met een gedefinieerde grammatica voor elk onderdeel Het lezen ervan met het oog is foutgevoelig: een verdwaald vraagteken, een gecodeerde slash, of een herhaalde parameter is gemakkelijk te missen, en dat zijn precies de details die routing, tracking of een API-aanroep verbreken Dit hulpmiddel maakt gebruik van de eigen URL-engine van de browser, dus wat je ziet is wat de browser zou parseren.
Alles gebeurt in uw browser. Plak een link met trackingparameters, een API-eindpunt met een tiental querywaarden of een kaal domein, en de parser lost deze lokaal op. Er wordt niets geüpload, dus het is veilig om URL's te inspecteren die tokens, sessie-ID's of interne hostnamen bevatten. Het werkt offline zodra de pagina is geladen.
Parsing volgt de WHATWG URL-standaard, wat browsers implementeren, en het is vergevingsgezinder dan mensen aannemen: het normaliseert een ontbrekend schema, samenvoegt puntsegmenten in een pad en verkleint de host, omdat hosts hoofdletterongevoelig zijn terwijl paden dat niet zijn. Twee gebieden betalen de aandacht. Geïnternationaliseerde domeinen worden opgeslagen als punycode, dus een host in Cyrillisch of Chinees wordt weergegeven in zijn eigen script en reist als een ASCII-reeks die begint met xn-, en die twee vormen zijn dezelfde host. En procentcodering is alleen betekenisvol in context: een slash gecodeerd als % 2F binnen een padsegment zijn gegevens in plaats van een scheidingsteken, wat precies de reden is waarom het decoderen een hele URL in één pass geeft en vervolgens opnieuw opneemt.
Hoe gebruik je de URL-parser?
Plak je URL
Voer een volledige URL in, zoals https://[email protected]:8443/path?q=1#top. Een kaal domein zoals example.com/page werkt ook - de parser gaat uit van https://als er geen schema is gegeven.
Lees de componentafbraak
Schema, host, hostnaam, poort, pad, zoeken en fragment worden afzonderlijk vermeld, elk met een kopieerknop, plus het effectieve poort en het topniveau domein.
Inspecteer de queryparameters
Elk sleutel-waardepaar van de queryreeks wordt gedecodeerd weergegeven in een tabel, in originele volgorde, met herhaalde sleutels die als afzonderlijke rijen worden bewaard.
Kopieer wat je nodig hebt
Kopieer een enkel onderdeel, de gedecodeerde query als JSON, of de hele genormaliseerde URL om elders te hergebruiken.
Belangrijkste kenmerken
Volledige componentafbraak
Schema, gebruikersnaam, wachtwoord, hostnaam, poort, pad, query en fragment zijn elk geïsoleerd en geëtiketteerd, overeenkomend met de WhatWG URL-modelbrowsers die browsers gebruiken
gedecodeerde querytabel
Queryparameters worden geparseerd en procent-gedecodeerd in een leesbare tabel, behoudens volgorde en herhaalde sleutels behouden als verschillende rijen in plaats van ze in te storten
Standaard poortdetectie
Wanneer een URL zijn poort weglaat, toont de parser de effectieve poort voor het schema - 443 voor https, 80 voor http, 22 voor ssh - en signaleert dat dit de standaard is
Schema-optioneel invoeren
Plak een blote host zoals voorbeeld.com/pricing En de parser gaat ervan uit dat https:// dus je hoeft het schema niet elke keer te typen, en vertelt je dat het dat deed
Frequently Asked Questions
Related Tools
Query String Parser
Parse a URL query string into structured JSON, or build a query string from a JSON object. Handles repeated keys, bracket arrays, and encoding. 100% client-side.
Slug Generator
Turn any title or text into a clean, SEO-friendly URL slug - with accent transliteration, hyphen or underscore separators, stop-word removal, and batch mode.
UTM Builder
Build tagged campaign URLs for Google Analytics 4 with utm_source, utm_medium, utm_campaign, utm_term and utm_content - plus channel prediction, tagging warnings, batch mode and CSV export.
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!