Herramientas gratuitas de codificación y decodificación de URL en línea

En el desarrollo web, la transmisión de datos y la interacción en red, la codificación de URL (como %20 en lugar de espacio) y la decodificación son operaciones esenciales. Escenarios que requieren codificación: pasar caracteres especiales, enviar formularios, generar URL dinámicas, solicitudes API, protección de seguridad.

1. Pasar caracteres especiales o caracteres no ASCII

Problema: Solo ciertos caracteres (como letras, números, -, _, .) pueden estar en la URL, y otros caracteres (como espacio, chino, &, #) deben codificarse. Ejemplo:

Espacio → %20 (o + en el formulario)
"Apple" chino → %E8%8B%B9%E6%9E%9C (codificación UTF-8)
Símbolo & → %26,? → %3F

# URL sin codificar (se analizará incorrectamente):
https://example.com/search?q=apple&orange

# URL codificada:
https://example.com/search?q=apple%26orange

2. Envío de formulario (solicitud GET/POST)

Problema: El contenido del formulario (como términos de búsqueda o datos introducidos por el usuario) puede contener caracteres especiales. Ejemplo:

El usuario introduce "café y té" → Codificado como "café%20%26%20té".

3. Generar parámetros de URL dinámicamente

Situación: Al concatenar URL mediante JavaScript o código de backend, es necesario codificar manualmente los parámetros. Ejemplo de código:

const keyword = "Price>=100"; const encoded = encodeURIComponent(keyword); // Codificado como "Price%3E%3D100"
const url = `https://example.com/search?q=${encoded}`;

4. Solicitud de API (como una interfaz RESTful)

Problema: Al pasar datos JSON o parámetros complejos, es necesario codificar para evitar conflictos. Ejemplo:

Pasando la cadena JSON: {"name":"张三","age":25} → Codificado como %7B%22name%22%3A%22%E5%BC%A0%E4%B8%89%22%2C%22age%22%3A25%7D.

5. Prevenir ataques de inyección de URL

Escenario: Cuando el contenido de la entrada del usuario se concatena directamente con la URL, es necesario codificarlo para evitar caracteres maliciosos (como <script>). Ejemplo:

Entrada <img src=x onerror=alert(1)> → Codificar como %3Cimg%20src%3Dx%20onerror%3Dalert(1)%3E.

En el desarrollo web, la transmisión de datos y la interacción en red, la codificación de URL (como %20 en lugar de espacio) y la decodificación son operaciones esenciales. Escenarios que requieren codificación: procesamiento de parámetros del servidor, visualización del navegador, análisis del rastreador, análisis de registros.

1. El servidor recibe y analiza parámetros

Escenario: Los programas backend (como PHP, Python) necesitan decodificar los parámetros de URL enviados por el cliente.

Ejemplo de código (Python):

from urllib.parse import unquote
encoded_str = "%E6%9D%8E%E5%9B%9B"
decoded_str = unquote(encoded_str) # Salida "李四"

2. Decodificación automática del navegador

Escenario: Cuando el navegador muestra la URL, decodifica automáticamente %20 como un espacio, %E4%B8%AD como “中”, etc.

Ejemplo:

El usuario ve: https://example.com/search?q=苹果
La URL solicitada está codificada: https://example.com/%E6%90%9C%E7%B4%A2?q=%E8%8B%B9%E6%9E%9C

3. Rastreadores Manejo de URL dinámicas

Escenario: Cuando los rastreadores analizan páginas web, necesitan decodificar los parámetros de la URL para obtener los datos originales.

Ejemplo:

Decodificar desde el enlace /product?id=123%26category=books para obtener id=123&category=books.

4. Depuración y análisis de registros

Escenario: Al consultar los registros del servidor o depurar, es necesario decodificar la URL para comprender el contenido real.

Ejemplo:

Solicitud en el registro: GET /search?q=%E7%83%AD%E9%97%A8 HTTP/1.1

Decodificado: q=popular