Strumenti per sviluppatori

Una cassetta degli attrezzi per browser, pensata per i lavoretti che interrompono il lavoro vero

La maggior parte dei problemi di programmazione è grande e interessante. Quelli che ti rallentano davvero, invece, no. Ti ritrovi davanti a una risposta API minificata, un JWT che non riesci a leggere, un URL che manomette la sua query string e una regex che ci va quasi. Nessuno di questi merita una dipendenza, un'installazione da CLI o una scheda piena di pubblicità. Meritano trenta secondi e una casella di testo pulita.

È questa l'idea alla base di questa raccolta: una singola pagina di utility gratuite per sviluppatori che si caricano istantaneamente, girano interamente nel browser e non ti chiedono mai di registrarti. Formattazione JSON, Base64, encoding URL, decodifica JWT, conversione colori, test regex, calcoli sui timestamp e un riferimento ai codici di stato HTTP, tutto in un unico posto. Smetti di incollare i tuoi dati nel primo risultato di Google e di chiederti se quel sito a caso li stia registrando.

Cosa fa davvero ogni strumento

Il formatter JSON prende un muro di JSON compresso su una sola riga e lo trasforma in qualcosa che un essere umano può scorrere. Supponi che un webhook si attivi e i tuoi log catturino il corpo grezzo come un'unica stringa enorme. Incollalo, scegli un'indentazione a due o quattro spazi e ottieni un albero leggibile con l'errore di sintassi evidenziato, se c'è. Valida mentre formatta, quindi una virgola finale di troppo o una chiave senza virgolette viene segnalata invece di fallire silenziosamente tre livelli in profondità nella tua app.

Base64 encode/decode è lo strumento tuttofare che usi continuamente senza pensarci. URI di dati, intestazioni Basic Auth, blob binari infilati in file di configurazione, i segmenti di un token — tutto Base64. Decodifica il valore di un'intestazione per confermare che le credenziali vengano inviate come ti aspetti, oppure codifica una piccola immagine per incorporarla inline. Gestisce l'UTF-8 correttamente, il che conta nel momento in cui il tuo input non è ASCII puro.

Lo strumento di encode/decode URL risolve il classico bug in cui un parametro di query contiene uno spazio, una e commerciale o un segno più, spezzando silenziosamente la richiesta. Se stai costruendo un link a mano e il valore è name=John & Co, devi fare l'escape di quella e commerciale in %26, altrimenti il server la legge come separatore di parametri. Incolla, codifica, copia. La decodifica funziona al contrario quando ti trovi davanti a un URL registrato pieno di codici percentuali e stai cercando di capire cosa fosse stato realmente richiesto.

Lo strumento per i token, e un'avvertenza importante

Il decoder JWT divide un token nelle sue tre parti separate da punti e ti mostra l'intestazione e il payload come JSON semplice. Quando stai eseguendo il debug dell'autenticazione, questo è oro: controlla quale algoritmo ha firmato il token, leggi il sub, conferma che il claim exp non sia già scaduto e vedi esattamente quali scope o ruoli il gateway sta passando al client.

Ecco la parte che le persone dimenticano. Decodificare un JWT non significa verificarlo. Il payload è semplicemente Base64url — chiunque detenga il token può leggere ogni claim al suo interno, e questo strumento fa esattamente questo e niente di più. Non controlla la firma, quindi un token decodificato ti dice cosa un token dichiara, non se sia autentico. Non fidarti mai dei claim di un decoder per una decisione di autorizzazione; è compito del tuo server, con la chiave di firma. Usa il decoder per capire e fare debug, mai per validare.

Il tester regex chiude il cerchio sull'utility più frustrante di tutte. Scrivi il tuo pattern, inserisci del testo di esempio e guarda le corrispondenze evidenziarsi in tempo reale mentre digiti. I gruppi di cattura sono elencati, così puoi confermare che il gruppo due stia davvero catturando l'anno e non l'intera data. Batte il ciclo modifica-salva-riesegui di testare un pattern all'interno del tuo codebase vero, ed è un modo rapido per capire perché un quantificatore greedy stia inghiottendo più di quanto volessi.

Per completare: il convertitore HEX↔RGB trasforma un #1a2b3c in rgb(26, 43, 60) e viceversa, per quando i tuoi design token e il tuo CSS non sono d'accordo. Il convertitore di timestamp Unix trasforma 1718900000 in una data e un'ora reali, cosa che vorrai ogni volta che un database memorizza secondi epoch e i tuoi occhi non riescono a interpretarli. E il riferimento ai codici di stato HTTP ti salva dal dover indovinare se 422 o 409 sia la risposta giusta quando una chiamata API va storta.

Elaborazione locale, per incollare anche i dati sensibili

Questa è la parte che conta di più per chiunque tocchi dati di produzione. Ogni strumento qui gira lato client in JavaScript. Il tuo input non lascia mai il browser — non c'è nessun upload, nessun round trip verso un server, nulla da registrare. Questo significa che puoi incollare un token di accesso reale per esaminarne i claim, decodificare un'intestazione Base64 che contiene una credenziale, oppure formattare una risposta API piena di dati dei clienti senza che attraversi mai la rete. Vuoi la prova? Apri gli strumenti per sviluppatori, guarda la scheda network e incolla pure. Non vedrai nulla uscire. Per i payload sensibili, uno strumento solo locale non è un optional; è l'unica opzione responsabile.

Domande frequenti