Codifica/decodifica URL
Codifica o decodifica URL ed esegui query stringhe
Cos'è l'URL Codifica?
La codifica URL (chiamata anche codifica percentuale) converte i caratteri speciali in un formato che può essere trasmessi in modo sicuro negli URL. Poiché gli URL possono contenere solo un set limitato di caratteri ASCII, qualsiasi carattere esterno a questo set deve essere codificato come "%" seguito da due cifre esadecimali che rappresenta il valore ASCII del carattere.
Ad esempio, uno spazio diventa %20e la @
il simbolo diventa %40. Questo garantisce
Gli URL rimangono validi e i caratteri speciali non interferiscono con la struttura dell'URL (come & e =
nelle stringhe di query).
Come utilizzare questo strumento
Codifica vs Codifica componente
- Codifica (encodeURI): Codifica un URL, preservando i caratteri URL validi come :, /, ?, =, &
- Componente di codifica (encodeURIComponent): Codifica tutto tranne lettere, cifre e - _ . ! ~ * '( ). Usalo per la query valori dei parametri.
- Decodifica: Converte stringhe con codifica percentuale torna al testo leggibile
Casi d'uso comuni
🔗 Parametri stringa di query
Quando si passa l'input dell'utente tramite parametri URL, la codifica impedisce ai caratteri speciali di rompere la struttura dell'URL. Ad esempio, "nome=John Doe&città=New York" deve essere codificato per gli spazi.
📧 Collegamenti e-mail (mailto:)
Quando si creano collegamenti mailto con oggetto o corpo del testo, caratteri speciali e gli spazi devono essere codificati per funzionare correttamente su tutti i client di posta elettronica.
🔐 API Richieste
Le API REST spesso richiedono che i valori dei parametri siano codificati in URL, soprattutto quando si invia JSON dati, token di autenticazione o query di ricerca tramite richieste GET.
📊 Analisi e monitoraggio
I parametri UTM e i codici di monitoraggio spesso contengono valori codificati per garantire dati accurati trasmissione senza errori di analisi dell'URL.
Codifiche di caratteri comuni
| 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 |
Domande frequenti
Qual è la differenza tra encodeURI e encodeURIComponent?
encodeURI()
codifica un URL completo, preservando caratteri come:, /, ? e &. encodeURIComponent()
codifica tutto, rendendolo adatto alla codifica dei singoli valori dei parametri di query.
Dovrei usare %20 o + per spazi?
Entrambi rappresentano spazi, ma %20 è la codifica URL standard mentre + è specifica per i dati del modulo (application/x-www-form-urlencoded). Per le stringhe di query, funziona entrambi, ma% 20 è di più universalmente compatibile.
I miei dati sono al sicuro quando utilizzando questo strumento?
Sì! Tutta la codifica e la decodifica avviene nel tuo browser utilizzando JavaScript. I tuoi dati mai lascia il tuo dispositivo e non viene mai inviato a nessun server.
Perché ricevo "Errore: URI malformato"?
Questo errore si verifica quando si tenta di decodificare una sequenza con codifica percentuale non valida. Assicurati che l'input contiene una codifica valida (% seguito esattamente da due cifre esadecimali).
Migliori pratiche
- Codifica sempre l'input dell'utente prima di inserirlo negli URL
- Utilizza encodeURIComponent per i valori dei parametri di query, encodeURI per gli URL completi
- Decodifica gli URL prima di visualizzarli agli utenti per verificarne la leggibilità
- Sii coerente con la codifica in tutta l'applicazione
- Testa gli URL con caratteri speciali su browser diversi