como funciona
Cada carácter fuera del conjunto permitido se escribe como un signo de porcentaje seguido de dos dígitos hexadecimales de su byte UTF-8. encodeURIComponent escapa de todo excepto A-Z a-z 0-9 - _ . ! ~ * ( ) mientras que encodeURI mantiene intacta la puntuación de la URL reservada.
- Utilice el modo de componente para consultar valores; el modo de URL completa mantiene: /? & = intacto.
Por qué es importante
Las cadenas de consulta se rompen de maneras sutiles: un término de búsqueda que contiene & crea silenciosamente un nuevo parámetro, una barra dentro de un nombre de archivo cambia la ruta y un espacio termina en algún lugar inesperado. Codificar correctamente es la diferencia entre un enlace que funciona y un ticket de soporte.
Un ejemplo trabajado
encodeURIComponent("a b&c") devuelve a%20b%26c, mientras que encodeURI mantiene & porque trata la cadena como una URL completa. Elegir el incorrecto cambia el lugar donde se divide la consulta.
Errores comunes
- Usar codificación de URL completa para un único valor de consulta.
- Esperando que decodeURIComponent convierta + en un espacio; eso es codificación de formularios.
- Codificando dos veces y preguntándose por qué el servidor ve %2520.
Consejos prácticos
Codifique cada valor de consulta por separado y luego cree la URL a partir de las piezas codificadas. Si un valor ya parece codificado, decodificalo una vez y vuelve a codificarlo desde el formato decodificado; la codificación repetida es la fuente más común de errores de estilo %25.
como usarlo
- Abra la herramienta. Todo se ejecuta en la pestaña de su navegador.
- Pegue o escriba su entrada, luego elija la acción que necesita.
- Comprueba el resultado y cópialo con un clic.
Preguntas comunes
¿Cuándo debo utilizar el componente frente a la URL completa?
Componente para un valor de consulta único, donde /? & = debe escaparse. La URL completa mantiene esos separadores intactos.
¿Por qué los espacios se convierten en %20?
La codificación porcentual representa un espacio como %20. El formulario + pertenece a la codificación de formulario HTML, no a las URL.
¿Por qué la decodificación deja signos +?
decodeURIComponent no trata a + como un espacio. Reemplace + con un espacio primero si el valor proviene de un envío de formulario.
¿Esta herramienta es realmente gratuita?
Sí. No hay cuenta, muro de pago ni límite de uso. La aplicación Tools está financiada por aumenso, el estudio detrás de ella.
¿Se ha subido algo de lo que ingreso?
No. La herramienta se ejecuta en la pestaña de su navegador; lo que usted ingresa nunca se nos envía ni se almacena.