← Volver a las funciones
Free

Codificador / Decodificador de URL

El Codificador/Decodificador de URL convierte cadenas de URL a y desde su forma codificada por porcentaje. Elige entre encodeURIComponent (agresivo) y encodeURI (preserva la estructura de la URL) para que coincida con tu caso de uso: depuración de parámetros de consulta, creación de URLs seguras o inspección de enlaces codificados.

Al crear URLs con entrada de usuario, cadenas de consulta o caracteres internacionales, necesitas una codificación por porcentaje adecuada para evitar roturas. Esta herramienta maneja ambas direcciones al instante. Elige encodeURIComponent cuando codifiques un solo valor de parámetro (codifica ? / & = # etc.) o encodeURI cuando quieras preservar la estructura de la URL (solo codifica caracteres verdaderamente inseguros). La decodificación funciona con la codificación por porcentaje estándar y también maneja cadenas con doble codificación. La conversión en tiempo real significa que ves la salida inmediatamente mientras escribes, y ambos modos se pueden alternar para verificar la integridad del ciclo completo. No hay viaje de ida y vuelta al servidor — todo sucede localmente en tu navegador.

Vista previa en vivo
example.com
URL Encoder / Decoder encodeURIComponent encodeURI
Input
https://example.com/search?q=hello world&lang=en
Encoded Output
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den
Copy
Características clave

Dos Modos de Codificación

Elige encodeURIComponent para valores de parámetros seguros (codifica ? / & = etc.) o encodeURI para URLs completas (preserva la estructura, solo codifica caracteres inseguros).

Decodificación Inteligente

Decodifica cadenas codificadas por porcentaje, incluyendo caracteres no ASCII, secuencias multi-byte UTF-8 y emojis. Maneja con fluidez la entrada con doble codificación.

Copia con Un Clic

Copia la salida codificada o decodificada al portapapeles al instante — no se requiere selección manual.

Conversión en Tiempo Real

La salida se descubre en vivo mientras escribes. No es necesario hacer clic en Codificar cada vez — observa los resultados inmediatos mientras iteras en la entrada.

Vista de Lado a Lado

La entrada y la salida aparecen en paneles claramente etiquetados para que puedas comparar el antes y el después de un vistazo.

Maneja Casos Bordes

Codifica correctamente espacios, comillas, Unicode, caracteres reservados y secuencias complicadas que rompen el reemplazo simple de cadenas.

Casos de uso comunes

Depuración de Parámetros de Consulta

Pega una URL rota con parámetros confusos para decodificarlos de vuelta a valores legibles — identifica rápidamente qué se envió realmente.

Creación de URLs Seguras

Codifica la entrada del usuario (nombres, consultas de búsqueda, rutas de archivos) antes de añadirla a una URL para evitar errores de inyección y análisis.

Inspección de Enlaces de Analytics

Decodifica URLs de marketing con etiquetas UTM para ver los valores reales de campaña, fuente y medio sin leer cadenas de porcentaje sin procesar.

Prueba de URLs Internacionalizadas

Codifica URLs con caracteres no latinos (chino, árabe, hebreo) para confirmar que se codifican por porcentaje correctamente para su transmisión.

Depuración de Redirecciones OAuth

Decodifica las URIs de redirección OAuth con parámetros codificados anidados para rastrear qué se está pasando entre los proveedores y las aplicaciones.

Cómo usarlo
1

Abrir Codificador de URL

Haz clic en el ícono de URL en el dock de DevSuite Pro. Se abre un editor de dos paneles con interruptores de Codificación y Decodificación.

2

Pegar tu URL o Cadena

Pega la URL, el parámetro de consulta o la cadena codificada. La herramienta funciona en URLs completas o valores de parámetros individuales.

3

Elegir Modo de Codificación

Para un valor de parámetro, usa encodeURIComponent. Para una URL completa (donde quieras que se preserven /, ?, &), usa encodeURI.

4

Leer el Resultado

La salida convertida aparece en el panel adyacente. Los caracteres codificados se muestran como secuencias %XX; la salida decodificada devuelve la forma legible original.

5

Copiar y Usar

Haz clic en Copiar para enviar el resultado a tu portapapeles. Pégalo en tu código, URL de solicitud o documentación.

¿Listo para probarlo? Codificador / Decodificador de URL?

Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.

Añadir a Chrome Añadir a Edge Añadir a FireFox