Instrumente pentru dezvoltatori

O trusă de unelte în browser pentru micile sarcini care întrerup munca reală

Majoritatea problemelor de programare sunt mari și interesante. Cele care chiar te încetinesc nu sunt. Ai în față un răspuns API minificat, un JWT pe care nu-l poți citi, un URL care își strică propriul query string și o expresie regulată care aproape funcționează. Niciuna dintre acestea nu merită o dependență, o instalare CLI sau un tab plin de reclame. Merită treizeci de secunde și o cutie de text curată.

Aceasta este ideea din spatele acestei colecții: o singură pagină cu utilitare gratuite pentru dezvoltatori, care se încarcă instant, rulează complet în browserul tău și nu îți cer niciodată să te înregistrezi. Formatare JSON, Base64, codificare URL, decodare JWT, conversie de culori, testare regex, calcule cu timestamp-uri și o referință a codurilor de stare HTTP trăiesc toate într-un singur loc. Nu mai lipești datele tale în primul rezultat pe care ți-l scoate Google și nu mai stai să te întrebi dacă acel site oarecare le înregistrează.

Ce face de fapt fiecare instrument

Formatorul JSON ia un perete de JSON cu caractere escapate, pe o singură linie, și îl transformă în ceva ce un om poate parcurge cu ochii. Să zicem că un webhook se declanșează și jurnalele tale capturează corpul brut ca un singur șir enorm. Lipește-l, alege indentare de două sau patru spații, și obții un arbore lizibil, cu eroarea de sintaxă localizată exact, dacă există una. Validează pe măsură ce formatează, așa că o virgulă rătăcită la final sau o cheie fără ghilimele este semnalată, în loc să eșueze în tăcere trei straturi mai jos, în aplicația ta.

Codificarea/decodificarea Base64 este calul de bătaie la care apelezi constant, fără să te gândești prea mult. URI-uri de date, anteturi Basic Auth, blob-uri binare îndesate în fișiere de configurare, segmentele unui token — toate Base64. Decodează o valoare de antet ca să confirmi că datele de autentificare sunt trimise așa cum te aștepți, sau codifică o imagine mică pentru a o include inline. Gestionează corect UTF-8, ceea ce contează în momentul în care intrarea ta nu mai e ASCII simplu.

Instrumentul de codificare/decodificare URL rezolvă bug-ul clasic în care un parametru de query conține un spațiu, un ampersand sau un plus și îți strică cererea pe tăcute. Dacă construiești un link manual, iar valoarea este name=John & Co, ai nevoie ca acel ampersand să fie escapat în %26, altfel serverul îl citește ca separator de parametri. Lipești, codifici, copiezi. Decodarea funcționează invers, când te uiți la un URL jurnalizat plin de coduri procentuale și încerci să-ți dai seama ce s-a cerut de fapt.

Instrumentul pentru token-uri și un avertisment important

Decodorul JWT desparte un token în cele trei părți separate prin punct și îți arată antetul și payload-ul ca JSON simplu. Când depanezi autentificarea, asta e aur curat: verifică ce algoritm a semnat token-ul, citește sub, confirmă că pretenția exp nu a expirat deja și vezi exact ce scope-uri sau roluri îi oferă gateway-ul tău clientului.

Iată partea pe care oamenii o uită. Decodarea unui JWT nu înseamnă verificarea lui. Payload-ul este doar Base64url — oricine deține token-ul poate citi fiecare pretenție din el, iar acest instrument face exact asta și nimic mai mult. Nu verifică semnătura, așa că un token decodat îți spune ce zice un token, nu dacă este autentic. Nu ai încredere niciodată în pretențiile dintr-un decodor pentru o decizie de autorizare; asta e treaba serverului tău, cu cheia de semnare. Folosește decodorul ca să înțelegi și să depanezi, niciodată ca să validezi.

Testerul de expresii regulate închide cercul pentru cel mai frustrant instrument dintre toate. Scrii tiparul tău, lași cădea un text exemplu, și privești potrivirile evidențiate live, pe măsură ce tastezi. Grupurile de captură sunt listate, așa că poți confirma că grupul doi chiar prinde anul, nu întreaga dată. Bate ciclul editare-salvare-rerulare de testare a unui tipar direct în codul tău real, și este un mod rapid de a înțelege de ce un cuantificator lăcom înghite mai mult decât ai vrut.

Pentru a rotunji lista: convertorul HEX↔RGB transformă un #1a2b3c în rgb(26, 43, 60) și invers, pentru când token-urile tale de design și CSS-ul nu se înțeleg. Convertorul de timestamp Unix transformă 1718900000 într-o dată și oră reale, lucru de care vei avea nevoie de fiecare dată când o bază de date stochează secunde epoch, iar ochii tăi nu le pot descifra. Iar referința codurilor de stare HTTP te scutește să ghicești dacă 422 sau 409 e răspunsul corect când un apel API o ia razna.

Procesare locală, ca să poți lipi și lucrurile sensibile

Aceasta este partea care contează cel mai mult pentru oricine atinge date de producție. Fiecare instrument de aici rulează pe partea de client, în JavaScript. Datele tale de intrare nu părăsesc niciodată browserul — nu există încărcare, niciun drum dus-întors către un server, nimic de înregistrat în jurnale. Asta înseamnă că poți lipi un token real de acces pentru a-i inspecta pretențiile, poți decodifica un antet Base64 care conține o credentială sau poți formata un răspuns API plin de date ale clienților fără ca acestea să traverseze vreodată rețeaua. Vrei o dovadă? Deschide instrumentele pentru dezvoltatori, urmărește tab-ul de rețea și lipește ce vrei. Nu vei vedea nimic ieșind. Pentru date sensibile, un instrument exclusiv local nu este un plus, ci singura opțiune responsabilă.

Întrebări frecvente