Encoder e decoder URL in una sola casella
Spazi, lettere accentate o un & dentro un valore: in un URL qualcosa si rompe sempre. Per questo quei caratteri si scrivono come codici percentuali, per esempio %20 per lo spazio o %C3%A8 per «è». Questo encoder e decoder URL li converte nei due sensi. Sotto la casella, una tabella elenca i parametri query del testo che c’è dentro.
Cosa mostra la tabella dei parametri e cosa no
La tabella legge gli indirizzi che iniziano con http:// o https://. Ogni altro testo è trattato come query string, con o senza ? iniziale. I valori compaiono già decodificati. Il frammento dopo # non viene elencato. Una chiave ripetuta occupa più righe. La tabella è di sola lettura, e se il testo non si può interpretare compare un breve avviso.
I cinque pulsanti, uno dopo l’altro
- Incolla un URL, una query string o un testo qualsiasi. La casella parte con un URL di ricerca di esempio.
- encodeURIComponent codifica un valore singolo e fa l’escape anche di
/ ? : @ & = + $ # ,. - encodeURI (URL completo) lascia intatti quei caratteri, quindi l’indirizzo continua a funzionare.
- decodeURI riporta i codici percentuali a testo leggibile.
- «Copia URL corrente» copia il contenuto della casella, «Cancella» la svuota.
Redirect OAuth, log del server, link di tracciamento
Un link di login OAuth porta il proprio indirizzo di ritorno nel valore redirect_uri. Se incolli quell’indirizzo interno senza codificarlo, il primo & spezza il parametro. Codificalo prima con encodeURIComponent, poi inseriscilo nel link esterno.
Poi c’è il caso opposto: nel log del server leggi q=caff%C3%A8+e+cornetto e vuoi sapere cosa ha cercato il cliente. Incolla la riga e decodifica. Un link di campagna con dodici parametri utm_ diventa una tabella di dodici righe.
Errori frequenti, e perché i dati restano nel browser
- Nella decodifica ogni
+diventa prima uno spazio, poi vengono risolti i codici%XX. Un vero più in un percorso diventa quindi uno spazio, mentre%2Bresta un più. - Un
%non seguito da due cifre esadecimali blocca la decodifica. Il testo resta com’è, senza errore. - Codificare due volte trasforma
%20in%2520. - Decodificare un URL intero risolve anche
%26e%3D, e la struttura della query può cambiare.
Tutto avviene nel browser. Premere un pulsante non invia richieste, lo puoi vedere nella scheda di rete degli strumenti per sviluppatori. Solo il pulsante di copia scrive negli appunti, quando lo premi tu.
Domande frequenti (FAQ)
encodeURI lascia intatti caratteri come :/?#&=, così un URL intero continua a funzionare. encodeURIComponent ne fa l’escape, ed è ciò che serve per il valore di un singolo parametro.