Output will appear here...encodeURIComponent (component)
Escapes everything with special meaning in a URL. Use for individual values - query parameters, path segments, cookie values - never for a whole URL (it would encode :// too).
a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)
Wat is URL-encoder/decoder?

URL-encoder/decoder converteert tekst van en naar procentcodering (ook wel URL-codering genoemd), het escape-schema gedefinieerd door RFC 3986, waardoor willekeurige strings veilig zijn om in een URL te plaatsen. Tekens zoals &, =, ?, # en / hebben structurele betekenis in URL's - Als een query-string-waarde een letterlijke "&" bevat, zal de server uw parameter in tweeën splitsen, tenzij dat teken als %26 wordt ontsnapt. Deze tool geeft je alle drie de coderingsvarianten die ontwikkelaars daadwerkelijk tegenkomen: EncodeurIcomponent voor individuele waarden, EncodeURI voor volledige URL's en applicatie/x-www-form-urlencoded (spaties als +) voor HTML-formulieren.
Het onderscheid tussen modi is belangrijker dan de meeste tutorials toegeven. EncodeuriComponent ontsnapt aan elke gereserveerde scheidingsteken, dus het is de juiste keuze voor een enkele queryparameter, een padsegment of een omleidingsdoel dat is ingesloten in een andere URL - maar als u het op een volledige URL uitvoert, verminkt u https:// in https%3a%2f%2f. Encodeuri behoudt de scheidingstekens (: / ? # & =) Dus een hele URL blijft bevaarbaar, terwijl spaties en niet-ASCII-personages zoals é of 日本 nog steeds worden ontsnapt naar hun UTF-8 procent-gecodeerde vorm. De formulier-urlencodemodus komt overeen met wat browsers verzenden wanneer u een <form> verzendt: identiek aan EncodeuriContent, behalve dat spaties "+" worden in plaats van "%20" - een legacy-griep die vandaag de dag nog steeds API-integraties maakt.
Alles draait 100% client-side in uw browser met dezelfde native EncodeuriComponent/DecodeURI-machines die uw productie JavaScript gebruikt, dus de resultaten komen precies overeen met wat uw code zal opleveren. Niets dat u plakt - OAuth Callback-URL's, ondertekende S3-links, tokens, sessie-ID's - verlaat uw machine ooit. De decoder vangt ook misvormde invoer (een zwerfd% niet gevolgd door twee hexadecimale cijfers gooit Urierror in JavaScript) en meldt een duidelijke fout in plaats van stil te falen.
Hoe URL-encoder/decoder te gebruiken?
Plak uw tekst of URL
Zet de onbewerkte waarde in het invoergebied - een queryparameterwaarde, een volledige URL met spaties en unicode, of een gecodeerde tekenreeks zoals A%3D1%26B%3D2 die u uit serverlogboeken hebt gehaald en wilt decoderen.
Kies de coderingsmodus
Kies EncodeurIcomponent voor individuele waarden (queryparams, padsegmenten), encodeuri voor volledige URL's waar :// en ? Moet overleven, of form-urlencoded wanneer u een HTML-formulierlichaam aan het bouwen bent of een postpayload debugt met + tekens.
coderen of decoderen
Klik op Encode om het in te voeren en de invoer te coderen of decodeer om deze om te keren. Decodering verwerkt %XX-reeksen en converteert in de vormmodus + terug naar spaties. Misvormde sequenties produceren een leesbare fout in plaats van een lege uitvoer.
Kopiëren of ruilen
Kopieer het resultaat met één klik naar je klembord of gebruik de wisselknop om de output terug te verplaatsen naar de invoer - handig wanneer een waarde dubbel is gecodeerd (%2520) en een tweede decodeerpas nodig heeft.
Belangrijkste kenmerken
Drie real-world modi
Encodeuricomponent, EncodeURI en Application/X-www-form-urlencoded - de drie varianten die u daadwerkelijk tegenkomt in queryreeksen, volledige URL's en formulieren
RFC 3986-compatibel
Gebruikt de browser-native coderingsfuncties, dus niet-gereserveerde tekens (A-Z A-Z 0-9 - _ . ~) Ga door ongerepte en UTF-8 multi-byte-reeksen correct coderen
Veilige decodering met duidelijke fouten
Misvormde procentuele reeksen zoals een verdwaalde "%" melden precies wat er mis ging in plaats van een onbehandelde urierrror te gooien
Swap-ingang en output
Met één klik wordt het resultaat terug naar de invoer verplaatst - perfect voor het laag voor het uitpakken van dubbel gecodeerde waarden
Frequently Asked Questions
Related Tools
Caesar Cipher Encoder & Decoder
Encode and decode Caesar cipher text with any shift, plus ROT13 and ROT47. Brute-force all 25 shifts to crack an unknown key.
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Image to Base64 Converter
Convert images to Base64 data URIs and decode Base64 back to images.
Unicode Converter
Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.
Comments
0 comments
No comments yet. Be the first to share your thoughts!