Cómo se usa
En la pestaña de codificar, escribe o pega texto o una parte de una URL y el resultado aparece justo debajo. En la pestaña de decodificar, pega una cadena codificada como %C3%B1 y se convierte de nuevo en los caracteres originales. El resultado se actualiza mientras escribes, y puedes copiarlo con el botón de al lado.
encodeURIComponent frente a encodeURI
Ambas funciones convierten los caracteres que no son seguros en una URL en secuencias codificadas por porcentaje (un % seguido de un código hexadecimal), pero escapan cantidades distintas.
- encodeURIComponent (un valor): escapa absolutamente todo, incluidos los caracteres que se usan como delimitadores de URL, como
/,?,&,#,:y@. Úsalo para construir una sola parte de una URL, como el valor de un parámetro de consulta. Por ejemplo, para poner el término de búsquedaa/b&ccomo valor de consulta, hay que codificarlo comoa%2Fb%26cpara que el&no se confunda con el inicio del siguiente parámetro. - encodeURI (URL completa): pensado para una URL completa que ya tiene su estructura, con
/,?,&,#, etc. Deja esos delimitadores tal cual y solo escapa el resto, como los espacios o los caracteres no ASCII. Usar encodeURIComponent en una URL completa también codificaría el/y el?que forman su estructura, rompiéndola.
Por ejemplo, codificar a b/c?d de las dos formas da resultados distintos: component da a%20b%2Fc%3Fd, full da a%20b/c?d. La elección depende de si estás construyendo una sola parte de una URL o una URL completa.
«+ como espacio» (application/x-www-form-urlencoded)
Los valores que envía un <form> HTML por GET o POST usan el formato application/x-www-form-urlencoded, que por convención codifica los espacios como + en lugar de %20. Al activar «+ como espacio», la codificación usa + en lugar de %20, y la decodificación interpreta + como espacio. Actívala solo cuando trabajes con datos de un formulario o con el cuerpo de una petición application/x-www-form-urlencoded, y déjala desactivada para una ruta de URL o un nombre de archivo normales. Con la opción desactivada, + se trata como un carácter literal.
Analizador de la estructura de la URL
Pega una URL completa (con protocolo, como https://) en el cuadro del analizador y se descompone en protocolo, host, ruta, hash y una tabla de parámetros de consulta. Los valores de consulta se decodifican automáticamente por porcentaje, así que una cadena como ?q=hola%20mundo se vuelve legible. Si la misma clave aparece varias veces (?tag=a&tag=b), cada aparición se muestra en su propia fila.
Errores habituales
La codificación por porcentaje debe tener dos dígitos hexadecimales después de cada % (como en %20). Un % suelto, un % seguido de caracteres que no son hexadecimales (%zz) o una secuencia %XX rota para un carácter multibyte mostrarán un error de decodificación. Decodificar con un tipo distinto (component/full) del que se usó para codificar también puede cambiar el significado, así que asegúrate de elegir el mismo.
Privacidad
Todo lo que introduces se procesa exclusivamente dentro de este navegador y nunca se envía a un servidor. Todo desaparece al cerrar la página.