Acerca de esta herramienta
Los errores de codificación son una fuente segura de defectos de API: un signo más que se convierte en espacio, un ampersand en un valor que parte un parámetro, una URL de redirección codificada dos veces. Esta herramienta hace explícitas las tres codificaciones habituales. El modo “Component” equivale a encodeURIComponent para valores sueltos, el modo “Full URI” equivale a encodeURI para URLs enteras y el modo “Form” equivale a lo que envían los navegadores en los formularios HTML. El analizador de query lista cada parámetro en orden con su forma decodificada y en bruto, conservando las claves repetidas como tag=a&tag=b que muchas herramientas fusionan en silencio. El desglose de URL usa el parser de URL WHATWG del navegador, el mismo que usa fetch().
Cómo usarla
- Elige “Encode” o “Decode” y el modo de codificación, y pega tu texto.
- Usa “Swap” para volver a introducir la salida y comprobar el viaje de ida y vuelta.
- Cambia a “Query parser” para inspeccionar los parámetros, incluidos los repetidos y los vacíos.
- Usa “URL breakdown” para ver por separado el protocolo, el host, el puerto, los segmentos de ruta, la query y el fragmento.
Preguntas frecuentes: Codificador / decodificador de URL
¿Cuándo debo usar encodeURIComponent en lugar de encodeURI?
Usa encodeURIComponent para una sola pieza, como un valor de query o un segmento de ruta, porque escapa & = ? / y #. Usa encodeURI solo sobre una URL completa que ya esté bien estructurada, ya que deja esos caracteres intactos.
¿Por qué + significa a veces un espacio?
En los datos application/x-www-form-urlencoded, que usan los formularios HTML y muchas query strings, + representa un espacio. En una ruta, + es un signo más literal. Si un valor puede contener +, codifícalo como %2B.
¿Qué significa “Malformed percent-encoding”?
Un % debe ir seguido de dos dígitos hexadecimales que formen UTF-8 válido junto con los escapes vecinos. Un % suelto o una secuencia multibyte truncada como %E2%82 no se puede decodificar.