Tools mentioned in this article
Open the browser-based tool while you read and try the workflow immediately.
Por qué las URLs contienen cadenas como %20 y %2F
Las URLs solo pueden usar ciertos caracteres con seguridad. Los espacios, el texto no inglés, las barras dentro de los valores, los símbolos y los caracteres reservados a menudo necesitan codificarse por porcentajes antes de colocarse en una URL.
El Codificador y decodificador de URL de DevToolKits te ayuda a convertir texto legible en cadenas seguras para URL y a decodificar valores existentes de nuevo a texto.
Ejemplo: poner una palabra clave de búsqueda en una URL
Supón que quieres poner la palabra clave de búsqueda Tokyo Station cafe en una URL. Los espacios pueden romper la visualización o la copia en algunos entornos.
Tokyo Station cafeCodificada en URL, queda así:
Tokyo%20Station%20cafeColocada en un parámetro de consulta, produce una URL para compartir:
https://example.com/search?q=Tokyo%20Station%20cafeConfirmar que se decodifica de vuelta a la cadena original ayuda a detectar condiciones de búsqueda corruptas o caracteres dañados.
Cuándo importa la codificación
La codificación es especialmente importante al construir URLs de búsqueda, URLs de callback, parámetros de consulta de API, destinos de redirección y enlaces de seguimiento. Si un valor no se codifica correctamente, el navegador o el servidor pueden dividirlo por el carácter equivocado e interpretarlo como un parámetro diferente.
Por ejemplo, un espacio puede aparecer como %20 o + según el contexto. Una barra dentro de un valor de consulta puede necesitar un tratamiento distinto al de una barra en una ruta.
Inspecciona las cadenas de consulta por separado
Cuando una URL tiene muchos parámetros, usa el Conversor de parámetros de URL a JSON para dividir la cadena de consulta en claves y valores. Esto hace que los enlaces de seguimiento y las solicitudes de API sean mucho más fáciles de revisar antes de compartirlos o desplegarlos.
Resumen
La codificación de URL es un pequeño detalle que evita enlaces rotos, solicitudes de API malformadas y errores de seguimiento. Decodifica lo que recibes, codifica lo que envías y revisa las cadenas de consulta largas como datos estructurados siempre que sea posible.
Preguntas frecuentes
¿%20 y + son ambos espacios?
Ambos representan un espacio, pero el contexto difiere. En las rutas de URL y la codificación por porcentajes, un espacio es %20. En las cadenas de consulta (application/x-www-form-urlencoded), un espacio puede representarse como +. Comprueba el formato que espera tu API o formulario y verifica la cadena real que envías con el Codificador y decodificador de URL.
¿Cómo detecto una doble codificación?
Un % normalmente se codifica como %25 cuando forma parte de un valor. Si el resultado decodificado contiene %25, o no vuelve a la URL original tras una decodificación, probablemente tengas un valor doblemente codificado: una cadena ya codificada que se codificó de nuevo. Decodificar una vez y comprobar si vuelve a la URL esperada ayuda a aislar la causa.
¿Los caracteres no ingleses en una URL siempre necesitan codificación?
La barra de direcciones puede mostrarlos directamente, pero al compartir como enlace o pasar a una API, codifícalos para evitar la corrupción según el entorno. Por ejemplo, 東京 se codifica como su secuencia de bytes UTF-8, %E6%9D%B1%E4%BA%AC.