URL-encoder/decoder

URL Encoder/Decoder converteert tekst naar en van procent-encoding (ook wel URL-codering genoemd), het ontsnappingsschema gedefinieerd door RFC 3986 dat willekeurige tekenreeksen veilig in een URL plaatst. Tekens zoals &, =, ?, # en /hebben structurele betekenis in URL's - als een query-tekenreekswaarde een letterlijke "&" bevat, zal de server uw parameter in tweeën splitsen, tenzij dat teken wordt ontsnapt als % 26. Deze tool geeft u alle drie de coderingsvarianten die ontwikkelaars tegenkomen: encodeURIComponent voor individuele waarden, encodeURI voor volledige URL's en applicatie/x-www-vorm-urlencoded (ruimten als + lichamen) voor HTML-vorm.

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 behulp van dezelfde native encodeURIComponent, encodeURI en decodeURIComponent functies die uw productie JavaScript gebruikt, dus resultaten komen precies overeen met wat uw code zal produceren Niets dat u plakt - OAuth callback URL's, ondertekende S3 links, tokens, sessie ID's - verlaat ooit uw machine De decoder vangt ook verkeerd ingedeelde invoer (een verdwaalde % niet gevolgd door twee hex cijfers gooit URIError in JavaScript) en rapporteert een duidelijke fout in plaats van stil te falen.

Een uitgewerkt voorbeeld laat zien hoe de drie modi van deze URL encoder en decoder verschillen op dezelfde tekst Type café & crème en klik op Encode met encodeURIComponent geselecteerd: de uitvoer is caf% C3% A9%20%26%20cr% C3% A8me. Schakel de modus over naar applicatie/x-www-form-urlencoded en opnieuw coderen, en de spaties worden +, waardoor caf% C3% A9+%26+cr% C3% A8me. In de encodeURI-modus blijft de & zoals hij is, omdat encodeURI het behandelt als een URL-delimiter, en daarom verandert die modus alleen in een hele URL-decodering, maar in een enkele omkeer van de waarde.