Wat is URL Encoder / Decoder?
Een URL Encoder/Decoder is een essentieel webontwikkelingsgereedschap dat converteert tussen gewone tekst en URL-veilige procent-coderingsformaat. Wanneer URL's spaties, speciale symbolen of niet-ASCII-tekens zoals letters met accenten en emoji bevatten, breken ze als ze niet correct gecodeerd zijn. Dit gereedschap biedt directe codering en decoing met volledige ondersteuning voor URL-modus (codering van volledige URL's) en component-modus (codering van individuele queryparameterwaarden), plus een batch-modus voor het tegelijkertijd verwerken van meerdere tekenreeksen.
Wanneer gebruik je deze rekenmachine
- Je bouwt een URL met queryparameters die spaties, symbolen of niet-ASCII-tekens bevatten
- Je moet een percent-gecodeerde URL decoderen om de werkelijke inhoud te lezen
- Je debugt een API die je URL afwijst vanwege niet-gecodeerde speciale tekens
- Je verwerkt gebruikers-URL's die vóór gebruik gesaneerd moeten worden
- Je moet meerdere URL-segmenten tegelijk in batches encoderen of decoderen
- Je bouwt redirects of callback-URL's waar parameters goed gecodeerd moeten zijn
Stappen:
- Typ of plak de tekst/URL die je wilt encoderen of decoderen.
- Selecteer de modus Encoderen of Decoderen.
- Klik op de knop Converteren.
- Kopieer het resultaat om het in je applicatie te gebruiken.
Formule
Encoderen: Onveilige tekens → % + 2-cijferige hexacode ➡ Decoderen: %XX → Oorspronkelijk teken
Gebruikscases
- Veilige querystrings voor URL's opbouwen
- API-verzoekparameters verwerken
- Gecodeerde URL's debuggen
- URL-vriendelijke slugs en paden maken
Belangrijkste voordelen
- Directe codering en decoing met realtime resultaten
- Ondersteunt zowel URL-modus als component-modus
- Batch-modus voor het tegelijk coderen of decoen van meerdere tekenreeksen
- Verwerkt alle speciale tekens inclusief Unicode en emoji
- 100% browser-gebaseerd — geen gegevens naar server verzonden
- Visuele tekentelling om te controleren of de codering de invoer niet heeft gedupliceerd of afgekapt
Pro-tips
- Codeer altijd door gebruikers gegenereerde URL-parameters voordat u ze in een URL opneemt
- Gebruik encodeURIComponent() in JavaScript voor individuele queryparameterwaarden
- Decodeer URL's voordat u ze aan gebruikers weergeeft voor betere leesbaarheid
- Let op dubbele codering: als u %25 ziet gevolgd door meer hexadecimale cijfers, is de URL waarschijnlijk twee keer gecodeerd
- Gebruik componentmodus bij het bouwen van queryreeksen en URL-modus bij het coderen van volledige URL-paden of volledige URL's
Veelgemaakte fouten
- Dubbele codering van URL's door een al gecodeerde URL te coderen, %20 verandert in %2520
- Het verkeerde coderingscontext gebruiken — URL-modus en component-modus produceren verschillende uitvoer
- Vergeten dat + alleen een spatie vertegenwoordigt in application/x-www-form-urlencoded-gegevens
- Niet-ASCII-tekens niet correct verwerken — zorg altijd voor UTF-8-codering vóór percentagecodering
Sleutelbegrippen
- Procent-codering: Het standaardmechanisme voor het coderen van tekens in URL's, vervangt onveilige tekens door % gevolgd door hun tweetallige hexadecimale ASCII-code
- Querytekenreeks: Het deel van een URL na het ?-teken, bevat sleutel-waardeparen gescheiden door &
- Gereserveerde tekens: Tekens zoals :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = met specifieke syntactische betekenis in URL's volgens RFC 3986
- Component-modus vs URL-modus: Component-modus codeert meer tekens en is voor individuele waarden; URL-modus behoudt URL-structuur en is voor volledige paden
Gerelateerde concepten
- Percent-Encoding: Het mechanisme dat onveilige tekens vervangt door % gevolgd door hun tweecijferige hexadecimale ASCII-code voor veilige URL-verzending
- Query String: Het gedeelte van een URL na het ?-teken, met sleutel-waardeparen gescheiden door &-tekens
- Gereserveerde Tekens: Tekens zoals :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = die een speciale betekenis hebben in URL-syntaxis volgens RFC 3986
- URL-veilige Tekens: Niet-gereserveerde tekens (letters, cijfers, -, _, ., ~) die geen encoding in URL's vereisen
- encodeURIComponent vs. encodeURI: JavaScript-functies waarbij encodeURIComponent voor individuele waarden alles codeert behalve letters, cijfers en _*-.~, terwijl encodeURI voor volledige URL's de structuurtekens van de URL behoudt
Voorbeeld
Encoderen van "Hello World & Friends!" → "Hello%20World%20%26%20Friends%21". Decoderen van "search%3Fq%3Dhello+world" → "search?q=hello world".
Resultaten interpreteren
De encoder zet onveilige URL-tekens (spaties, &, ?, #, niet-ASCII, enz.) om naar percent-gecodeerde indeling, waarbij elk teken % wordt gevolgd door zijn tweecijferige hexadecimale code. De decoder keert dit proces om en herstelt de oorspronkelijke leesbare tekst. Het aantal tekens helpt je te controleren dat encoderen je invoer niet onverwacht heeft gedupliceerd of afgekapt.
Componentmodus codeert een bredere set tekens en is bedoeld voor het coderen van individuele queryparameterwaarden. URL-modus is strenger over wat er wordt gecodeerd en is bedoeld voor het coderen van volledige URL-paden of complete URL's. Gebruik componentmodus wanneer je querystrings opbouwt en URL-modus wanneer je een complete URL codeert.
De batchmodus laat je meerdere regels tegelijk encoderen of decoderen, handig wanneer je een lijst met URL's of parameters hebt om te verwerken. Elke regel wordt als afzonderlijke invoer behandeld en alle resultaten worden samen weergegeven voor eenvoudig kopiëren.