Codificación/decodificación de URL
Codifique o decodifique URL y realice consultas cadenas
¿Qué es la URL? ¿Codificación?
La codificación de URL (también llamada codificación porcentual) convierte caracteres especiales a un formato que puede transmitirse de forma segura en URL. Dado que las URL sólo pueden contener un conjunto limitado de caracteres ASCII, cualquier carácter fuera de este conjunto debe codificarse como "%" seguido de dos dígitos hexadecimales que representa el valor ASCII del carácter.
Por ejemplo, un espacio se convierte en %20y @
El símbolo se convierte en %40. Esto asegura
Las URL siguen siendo válidas y los caracteres especiales no interfieren con la estructura de la URL (como & y =
en cadenas de consulta).
Cómo utilizar esta herramienta
Codificar vs. Codificar componente
- Codificar (encodeURI): Codifica un completo URL, conservando caracteres de URL válidos como :, /, ?, =, &
- Componente de codificación (encodeURIComponent): Codifica todo excepto letras, dígitos y - _ . ! ~*'( ). Utilice esto para realizar consultas. valores de los parámetros.
- Decodificación: Convierte cadenas codificadas en porcentaje volver al texto legible
Casos de uso comunes
🔗 Parámetros de cadena de consulta
Al pasar la entrada del usuario a través de parámetros de URL, la codificación evita que se introduzcan caracteres especiales. rompiendo la estructura de la URL. Por ejemplo, "nombre=John Doe&ciudad=Nueva York" necesita codificación para espacios.
📧 Enlaces de correo electrónico (mailto:)
Al crear enlaces de correo electrónico con líneas de asunto o texto del cuerpo, caracteres especiales y los espacios deben estar codificados para que funcionen correctamente en todos los clientes de correo electrónico.
🔐API Solicitudes
Las API REST a menudo requieren que los valores de los parámetros estén codificados en URL, especialmente cuando se envían JSON. datos, tokens de autenticación o consultas de búsqueda a través de solicitudes GET.
📊 Análisis y seguimiento
Los parámetros UTM y los códigos de seguimiento a menudo contienen valores codificados para garantizar datos precisos. transmisión sin errores de análisis de URL.
Codificaciones de caracteres comunes
| Character | Encoded | Description |
|---|---|---|
| (space) | %20 or
+ |
Space character |
| & | %26 |
Ampersand |
| = | %3D |
Equals sign |
| ? | %3F |
Question mark |
| / | %2F |
Forward slash |
| @ | %40 |
At symbol |
| # | %23 |
Hash/pound |
| % | %25 |
Percent sign |
Preguntas frecuentes
¿Cuál es la diferencia? entre encodeURI y encodeURIComponent?
encodeURI()
codifica una URL completa, conservando caracteres como :, /, ? y &. encodeURIComponent()
codifica todo, lo que lo hace adecuado para codificar valores de parámetros de consulta individuales.
¿Debo usar %20 o + para espacios?
Ambos representan espacios, pero %20 es la codificación de URL estándar, mientras que + es específico para los datos del formulario. (aplicación/x-www-form-urlencoded). Para cadenas de consulta, cualquiera de los dos funciona, pero %20 es más universalmente compatible.
¿Mis datos están seguros cuando usando esta herramienta?
¡Sí! Toda la codificación y decodificación ocurre en su navegador usando JavaScript. tus datos nunca sale de su dispositivo y nunca se envía a ningún servidor.
¿Por qué aparece "Error: URI" mal formado"?
Este error ocurre al intentar decodificar una secuencia codificada por porcentaje no válida. Asegúrate de que la entrada contiene una codificación válida (% seguido exactamente de dos dígitos hexadecimales).
Mejores prácticas
- Codifique siempre la entrada del usuario antes de colocarla en las URL
- Utilice encodeURIComponent para valores de parámetros de consulta, encodeURI para URL completas
- Decodifique las URL antes de mostrarlas a los usuarios para facilitar su lectura
- Sea coherente con la codificación en toda su aplicación
- Pruebe las URL con caracteres especiales en diferentes navegadores