Codificador/decodificador de URL
Las URL solo permiten ciertos caracteres ASCII sin escape: los espacios, los signos y Unicode deben codificarse en porcentaje (%20, %26, UTF-8 bytes). Codifique cadenas antes de crear parámetros de consulta; decodificar enlaces copiados desordenados para leer valores: esencial para la depuración de desarrolladores web.
Input
Output
Hello%20world
¿Cómo codificar o decodificar URL
1. Seleccione codificar o decodificar.
2. Pegue texto sin formato o componente de URL codificado por porcentaje.
3. Copiar el resultado para buscar URL o etiqueta de análisis.
4. Utilice encodeURIComponent para valores de consulta, no URL completas a ciegas.
Ejemplos de codificación de URL
Consulta de búsqueda
"café y té" ya que la consulta se convierte en café%20%26%20té en el parámetro ?q=.
Nombre de ciudad Unicode
München codifica como M%C3%BCnchen en Codificación porcentual UTF-8.
Decodificar parámetro de redirección
Lea ?next=%2Fdashboard%3Ftab%3D1 para conocer la ruta de destino de redirección.
¿Cuándo codificar URL
• Al crear cadenas de consulta manualmente en pruebas.
• Al depurar enlaces rotos con enlaces especiales caracteres.
• Al decodificar parámetros UTM de análisis de registros.
Errores comunes
• No codifique la URL completa, incluido el protocolo; codifique los componentes por separado.
• No codifique dos veces: %2520 significa codificado dos veces.
• Cuando la ruta ya está codificada en el enrutador, descodifica una vez solamente.
Conceptos básicos de RFC 3986
Caracteres reservados como? # & tiene significado en las URL: codifica solo partes de datos. Estructura: esquema://host/ruta?query#fragment.
URI de redirección de OAuth
La codificación exacta importa: la falta de coincidencia interrumpe el inicio de sesión. Copia el redireccionamiento registrado byte por byte.
Análisis de registros
Decodifique cuidadosamente los parámetros de referencia y agente de usuario: la codificación rota provoca una atribución incorrecta en los paneles.
Preguntas frecuentes
encodeURI vs encodeURIComponent?
encodeURI mantiene :// y? para URL completas; encodeURIComponent codifica todo para los valores de consulta: la distinción JS se aplica conceptualmente.
¿Más vs %20?
Las cadenas de consulta a menudo tratan + como un espacio en application/x-www-form-urlencoded: conoce el contexto.
¿Barras en los parámetros?
encodeURIComponent codifica / a %2F: requerido dentro de un valor de parámetro único.
¿Local?
Sí.
¿Dominios IDN?
Los dominios Unicode usan punycode en DNS, separado de la codificación de ruta.
¿Entidades HTML?
La codificación de URL difiere de & Escapado HTML: utilice htmlEncoderDecoder para el marcado.