Local Storage Editor oferă o interfață tabelară curată pentru gestionarea intrărilor din localStorage și sessionStorage pentru site-ul curent. Navighează prin toate perechile cheie-valoare, editează valorile inline, adaugă intrări noi și șterge-le pe cele de care nu mai ai nevoie. Valorile JSON sunt detectate automat și formatate pentru o citire ușoară. Comută între tab-urile localStorage și sessionStorage pentru a gestiona ambele tipuri de stocare.
Aplicațiile web stochează cantități enorme de stare în localStorage și sessionStorage — preferințe ale utilizatorilor, token-uri de autentificare, flag-uri de funcționalități, atribuiri de teste A/B, conținut coș de cumpărături, schițe de formulare, răspunsuri API în cache și starea UI. Depanarea acestor valori în Chrome DevTools necesită navigarea la tab-ul Application, găsirea secțiunii Storage și utilizarea unui vizualizator cheie-valoare de bază cu capabilități limitate de editare. Local Storage Editor aduce aceasta într-un panou dedicat cu comutare de stocare prin tab-uri, editare inline, formatare automată JSON și operații în masă. Tabelul afișează fiecare pereche cheie-valoare cu numele cheii și valoarea. Valorile JSON (care sunt extrem de frecvente — obiecte serializate cu JSON.stringify) sunt detectate automat și afișate cu formatare și evidențiere de sintaxă corespunzătoare. Dă click pe orice valoare pentru a o edita direct — modificările sunt scrise imediat în storage API. Adaugă intrări noi cu un formular curat sau șterge intrări individual ori în masă.
Comută între localStorage și sessionStorage cu butoanele de tab de la partea superioară a panoului. Fiecare tab afișează numărul de intrări (ex.: "localStorage (12)" / "sessionStorage (3)"). Ambele tipuri de stocare sunt gestionate dintr-o singură interfață.
Dă click pe orice celulă de valoare pentru a o edita direct. Pentru valori simple, tastează noul șir de caractere. Pentru valori JSON, editorul se extinde la un textarea formatat cu evidențiere de sintaxă. Modificările sunt salvate imediat în storage API.
Valorile JSON (obiecte și array-uri serializate cu JSON.stringify) sunt detectate automat și afișate cu indentare și evidențiere de sintaxă corespunzătoare. Editează direct JSON-ul formatat — acesta este re-serializat când salvezi.
Dă click pe "Adaugă Intrare" pentru a crea o nouă pereche cheie-valoare. Introdu numele cheii și valoarea (șir de caractere sau JSON). Intrarea este scrisă imediat în localStorage sau sessionStorage pentru domeniul curent.
Șterge intrări individuale cu butonul de ștergere de pe rând sau folosește "Șterge Tot" pentru a elimina toate intrările pentru tipul de stocare curent. Util pentru resetarea stării aplicației în timpul testării.
Modificările efectuate în editor sunt reflectate imediat în aplicație. Dacă aplicația citește o valoare din localStorage la interacțiunea utilizatorului, editarea acelei valori în panou schimbă ce va citi aplicația data viitoare — nu este necesară reîncărcarea paginii în majoritatea cazurilor.
Inspectează ce valori a stocat aplicația ta în localStorage. Token-ul de autentificare este prezent? Obiectul de preferințe al utilizatorului este structurat corect? O valoare veche din cache cauzează un comportament neașteptat?
Șterge tot din localStorage pentru a reseta aplicația la starea inițială — util pentru testarea experiențelor de primă utilizare, fluxurilor de onboarding și configurațiilor implicite, fără a șterge datele browserului pentru alte site-uri.
Multe aplicații stochează valori de flag-uri de funcționalități în localStorage. Editează-le direct pentru a activa sau dezactiva funcționalitățile fără a parcurge interfața de gestionare a flag-urilor sau a redeploya.
Editează preferințele utilizatorului stocate, setările de temă, selecțiile de limbă sau flag-urile de finalizare a onboarding-ului pentru a simula diferite stări ale utilizatorului și a testa cum gestionează aplicația fiecare dintre ele.
Vezi ce date stochează scripturile terțe (analiză, chat, publicitate) în localStorage al domeniului tău. Auditează datele pentru conformitatea cu confidențialitatea și utilizarea neașteptată a stocării.
Deschide dock-ul flotant DevSuite Pro și dă click pe iconița Local Storage Editor. Se deschide un panou care afișează toate intrările din localStorage pentru domeniul curent.
Derulează prin tabelul de perechi cheie-valoare. Valorile JSON sunt formatate automat. Comută tab-urile pentru a vizualiza sessionStorage.
Dă click pe orice valoare pentru a o edita inline. Pentru valorile JSON apare un editor formatat. Modificările sunt salvate imediat în storage API.
Dă click pe "Adaugă Intrare" pentru a crea o nouă pereche cheie-valoare. Dă click pe iconița de ștergere de pe orice rând pentru a-l elimina. "Șterge Tot" elimină toate intrările.
După editarea valorilor din stocare, interacționează cu pagina pentru a vedea cum răspunde aplicația la datele modificate.
Instalează DevSuite Pro gratuit și deblochează peste 39 de instrumente pentru dezvoltatori în browserul tău.
