URI Component Encoder

Over deze tool

De URI Component Encoder / Decoder verpakt de native encodeURIComponent-, decodeURIComponent-, encodeURI- en decodeURI-functies van de browser in een handige interface. Percent-encoding vervangt tekens die niet zijn toegestaan in URL's door een % gevolgd door twee hexadecimale cijfers die de UTF-8-byte weergeven.

encodeURIComponent / decodeURIComponent behandelt de invoer als één enkel component (queryparameter, padsegment) en codeert alle speciale tekens. encodeURI / decodeURI behandelt de invoer als een volledige URL en behoudt structurele tekens zoals ://?=# zodat de URL-vorm intact blijft.

Hoe te gebruiken

1. Kies Encode om percent-encoding toe te passen, of Decode om het proces om te keren.
2. Selecteer de functie: encodeURIComponent voor één waarde, of encodeURI voor een volledige URL.
3. Plak je invoer of klik op Voorbeeld om een voorbeeld te laden.
4. Klik op Converteren en kopieer daarna het resultaat.

Gebruiksscenario's

Front-end ontwikkelaars coderen queryreeks-waarden voordat ze deze aan URL's toevoegen. Back-end engineers decoderen percent-gecodeerde formulierdata voor inspectie. QA-engineers controleren URL-codering voordat ze bugs melden. API-integrators coderen authenticatietokens of speciale tekens in request-URL's.

Veelgestelde vragen

• Wat is het verschil tussen encodeURI en encodeURIComponent? — encodeURI is bedoeld voor volledige URL's en codeert geen tekens die op URL-niveau geldig zijn (:/?#&). encodeURIComponent is bedoeld voor afzonderlijke componenten en codeert ook die structurele tekens.
• Waarom wordt een spatie %20 en niet +? — Percent-codering (%20) is de standaard zoals gedefinieerd in RFC 3986. De +-notatie is specifiek voor HTML-formuliercodering (application/x-www-form-urlencoded) en wordt niet gebruikt door deze functies.
• Wordt mijn data ergens naartoe verzonden? — Nee. Alles draait in de browser met behulp van ingebouwde JavaScript-functies. Er wordt niets naar een server verzonden.