jquery.app
Espanol
EnglishDeutschFrancaisEspanol日本語Nederlands

Herramientas HTML

Gratis Codificador y Decodificador de URL

Codifique o decodifique cadenas codificadas en URL. Soporta los modos encodeURIComponent (completo) y encodeURI (seguro para URL).

Cargando herramienta...

Qué es Codificador y Decodificador de URL?

Un codificador y decodificador de URL basado en navegador. Convierta texto a formato de codificación porcentual para su inclusión segura en URL, parámetros de consulta y solicitudes API. Soporta dos modos: encodeURIComponent (codifica todos los caracteres especiales para valores de consulta) y encodeURI (preserva los caracteres de estructura de URL como : / ? & =).

Respuesta rápida

Codifique o decodifique texto codificado en URL con un clic. Elija codificación completa (encodeURIComponent) para valores de consulta o codificación segura para URL (encodeURI) para URL completas.

Limitaciones

  • No maneja codificaciones de caracteres que no sean UTF-8 – toda la entrada se asume como texto UTF-8.
  • No soporta codificación por lotes de múltiples URL – cada entrada se procesa individualmente.
  • Cadenas de entrada muy largas (más de 1 MB) pueden ser lentas de codificar en el navegador.

Cómo usar esta herramienta

  1. Elija la dirección Codificar o Decodificar.
  2. Seleccione el modo de codificación: Componente (completo) para valores de parámetros de consulta, o URI (seguro) para URL completas.
  3. Pegue su texto y copie el resultado.
  4. Revise el resultado codificado o decodificado. Alterne entre modos para comparar las salidas.

Para qué puedes usarla

  • Codifique caracteres especiales en valores de parámetros de consulta antes de agregarlos a una URL.
  • Decodifique una URL desordenada de la barra de direcciones del navegador para ver el texto legible original.
  • Construya parámetros UTM para enlaces de marketing con codificación adecuada de espacios y caracteres especiales.

Casos de uso

Ejemplos prácticos

Ejemplo

Codificar valores de parámetros de consulta

Un desarrollador crea una URL de búsqueda con entrada de usuario. Codifica el término de búsqueda 'hola mundo & más' a 'hola%20mundo%20%26%20más' usando encodeURIComponent antes de agregarlo a la cadena de consulta.

Ejemplo

Decodificar una URL copiada

Un comercializador copia una URL larga con muchos caracteres codificados en porcentaje. La pega en el decodificador y ve la URL legible con espacios reales, signos & y caracteres especiales restaurados.

Errores comunes

  • Usar encodeURI al codificar valores de parámetros de consulta – encodeURI preserva & y = lo que rompe el análisis de la cadena de consulta. Use encodeURIComponent para valores de parámetros.
  • Doble codificación – codificar una cadena ya codificada produce una salida confusa como %25 para un signo de porcentaje.
  • Olvidar codificar los caracteres ? y # en la entrada del usuario utilizada en URL – estos caracteres tienen un significado especial en el análisis de URL.

Verificación

  1. Codifique una cadena con espacios y caracteres especiales como 'hola mundo & test' y verifique que los espacios se conviertan en %20 y & en %26.
  2. Decodifique una cadena codificada en porcentaje y verifique que todos los caracteres especiales se restauren correctamente.

FAQ

Preguntas sobre Codificador y Decodificador de URL

¿Cuál es la diferencia entre encodeURI y encodeURIComponent?

encodeURI es para codificar una URL completa – preserva caracteres que tienen significado estructural como : / ? & = #. encodeURIComponent codifica TODO, incluidos esos caracteres estructurales. Use encodeURI para URL completas, encodeURIComponent para valores individuales de parámetros de consulta.

¿Por qué veo %20 en las URL?

%20 es la forma codificada en porcentaje de un carácter de espacio. Las URL no pueden contener espacios literales, por lo que los espacios se codifican como %20 (o a veces + en cadenas de consulta). Otros caracteres especiales como &, =, ? y # también se codifican en porcentaje para evitar ser interpretados como sintaxis de URL.

Herramientas relacionadas

Más herramientas html

Prueba también

Prueba también