Codificador de URL/decodificador

El codificador/decodificador de URL convierte texto hacia y desde codificación porcentual (también llamada codificación de URL), el esquema de escape definido por RFC 3986 que hace que las cadenas arbitrarias sean seguras para colocar dentro de una URL. Caracteres como &, =, ?, # y / tienen significado estructural en las URL: si un valor de cadena de consulta contiene un literal "&", el servidor dividirá su parámetro por la mitad a menos que ese carácter se escape como %26. Esta herramienta le brinda las tres variantes de codificación con las que se encuentran los desarrolladores: codeURIComponent para valores individuales, codeURI para URL completas y application/x-www-form-urlencoded (espacios como +) para cuerpos de formulario HTML.

La distinción entre modos importa más de lo que admiten la mayoría de los tutoriales. EncodeUriComponent escapa a cada delimitador reservado, por lo que es la opción correcta para un único parámetro de consulta, un segmento de ruta o un destino de redireccionamiento incrustado en otra URL, pero ejecutarlo en una URL completa se desglosaría https:// en https%3a%2f%2f. encodeuri conserva los delimitadores (: / ? # & =) Por lo tanto, una URL completa permanece navegable mientras que los espacios y los caracteres que no son ASCII como é o 日本 aún se escapan a su formulario codificado por ciento UTF-8. El modo form-urlencoded coincide con lo que envían los navegadores cuando envía un <form>: idéntico a EncodeUriComponent, excepto que los espacios se convierten en "+" en lugar de "%20", una peculiaridad heredada que aún se activa en la integración de API.

Todo se ejecuta 100% del lado del cliente en su navegador utilizando las mismas funciones nativas de encodeURIComponent, encodeURI y decodeURIComponent que utiliza su JavaScript de producción, por lo que los resultados coinciden exactamente con lo que producirá su código. Nada de lo que pegue (URL de devolución de llamada OAuth, enlaces S3 firmados, tokens, ID de sesión) sale de su máquina. El decodificador también detecta entradas con formato incorrecto (un % perdido no seguido de dos dígitos hexadecimales arroja URIError en JavaScript) e informa un error claro en lugar de fallar silenciosamente.

Un ejemplo trabajado muestra cómo los tres modos de este codificador y decodificador de URL difieren en el mismo texto. Escriba café & crème y haga clic en Codificar con el componente encodeURIC seleccionado: la salida es caf%C3%A9%20%26%20cr%C3%A8me. Cambie el modo a aplicación/x-www-form-urlencoded y codifice nuevamente, y los espacios se volverán +, dando caf%C3%A9+%26+cr%C3%A8me. En el modo encodeURI, & permanece como está, porque encodeURI lo trata como un delimitador de URL, razón por la cual ese modo se adapta a una URL completa y no a un solo valor. Decode invierte cualquiera de ellos, pero solo el modo de forma convierte + nuevamente en un espacio.