Output will appear here...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)
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 elk gereserveerd 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 modus voor form-urlencodes komt overeen met wat browsers verzenden wanneer u een <form> verzendt: identiek aan EncodeuriComponent, behalve dat spaties "+" worden in plaats van "%20" - een legacy-gril 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.
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 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.
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.
Kopieer het resultaat met één klik naar uw klembord of gebruik de wisselknop om de uitvoer terug te zetten naar de invoer - handig wanneer een waarde dubbel is gecodeerd (%2520) en een tweede decodeercode nodig heeft.
Encodeuricomponent, EncodeURI en Application/X-www-form-urlencoded — de drie varianten die u daadwerkelijk tegenkomt in queryreeksen, volledige URL's en formulieren
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
Misvormde procentuele reeksen zoals een verdwaalde "%" melden precies wat er mis ging in plaats van een onbehandelde urierrror te gooien
Met één klik wordt het resultaat terug naar de invoer verplaatst - perfect voor het laag voor het uitpakken van dubbel gecodeerde waarden
Encode and decode HTML entities — named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Encode and decode text to/from Base64 format
Format, validate, and minify JSON data
Build, test, and debug regular expressions with real-time matching and a comprehensive cheatsheet
0 comments
No comments yet. Be the first to share your thoughts!