Local Storage Editor pruža čisto tablično sučelje za upravljanje unosima localStorage i sessionStorage za trenutnu stranicu. Pregledajte sve parove ključ-vrijednost, uredite vrijednosti izravno, dodajte nove unose i obrišite one koji vam nisu potrebni. JSON vrijednosti se automatski prepoznaju i formatiraju radi lakšeg čitanja. Prebacujte se između kartica localStorage i sessionStorage za upravljanje obama vrstama pohrane.
Web aplikacije pohranjuju ogromne količine stanja u localStorage i sessionStorage — korisničke postavke, tokene za autentifikaciju, zastavice značajki, A/B test dodjele, sadržaj košarice, nacrte obrazaca, predmemorirane API odgovore i stanje sučelja. Otklanjanje grešaka u tim vrijednostima u Chrome DevTools zahtijeva navigaciju do kartice Application, pronalazak odjeljka Storage i korištenje osnovnog preglednika parova ključ-vrijednost s ograničenim mogućnostima uređivanja. Local Storage Editor donosi ovo u namjenski panel s prebacivanjem pohrane karticama, uređivanjem izravno u tablici, automatskim formatiranjem JSON-a i skupnim operacijama. Tablica prikazuje svaki par ključ-vrijednost s nazivom ključa i vrijednošću. JSON vrijednosti (koje su iznimno česte — objekti serijalizirani s JSON.stringify) prepoznaju se automatski i prikazuju s odgovarajućim formatiranjem i isticanjem sintakse. Kliknite bilo koju vrijednost za uređivanje na mjestu — promjene se odmah zapisuju u storage API. Dodajte nove unose kroz čisti obrazac ili obrišite unose pojedinačno ili skupno.
Prebacujte se između localStorage i sessionStorage gumbima kartica na vrhu panela. Svaka kartica prikazuje broj unosa (npr. "localStorage (12)" / "sessionStorage (3)"). Obje vrste pohrane upravljaju se iz jednog sučelja.
Kliknite bilo koju ćeliju vrijednosti za uređivanje na mjestu. Za jednostavne vrijednosti, upišite novi niz. Za JSON vrijednosti, uređivač se proširuje u formatirano tekstno polje s isticanjem sintakse. Promjene se odmah spremaju u storage API.
JSON vrijednosti (objekti i nizovi serijalizirani s JSON.stringify) automatski se prepoznaju i prikazuju s odgovarajućim uvlačenjem i isticanjem sintakse. Uredite formatirani JSON izravno — pri spremanju se ponovo serijalizira.
Kliknite "Add Entry" za stvaranje novog para ključ-vrijednost. Unesite naziv ključa i vrijednost (niz ili JSON). Unos se odmah zapisuje u localStorage ili sessionStorage za trenutnu domenu.
Obrišite pojedinačne unose gumbom za brisanje u retku ili upotrijebite "Clear All" za uklanjanje svih unosa za trenutnu vrstu pohrane. Korisno za resetiranje stanja aplikacije tijekom testiranja.
Promjene napravljene u uređivaču odmah se odražavaju u aplikaciji. Ako aplikacija čita vrijednost iz localStorage pri korisničkoj interakciji, uređivanje te vrijednosti u panelu mijenja što će aplikacija sljedeći put pročitati — u većini slučajeva nije potrebno ponovno učitavanje stranice.
Pregledajte koje vrijednosti vaša aplikacija pohranila u localStorage. Je li token za autentifikaciju prisutan? Je li objekt korisničkih postavki ispravno strukturiran? Uzrokuje li zastarjela predmemorirana vrijednost neočekivano ponašanje?
Obrišite sav localStorage za resetiranje aplikacije u početno stanje — korisno za testiranje iskustava prvog pokretanja, tokova uključivanja i zadanih konfiguracija bez brisanja podataka preglednika za druge stranice.
Mnoge aplikacije pohranjuju vrijednosti zastavica značajki u localStorage. Uredite ih izravno kako biste omogućili ili onemogućili značajke bez prolaska kroz sučelje za upravljanje zastavicama ili ponovnog postavljanja.
Uredite pohranjene korisničke postavke, postavke teme, odabire jezika ili zastavice dovršetka uključivanja kako biste simulirali različita stanja korisnika i testirali kako se aplikacija nosi s pojedinim stanjem.
Vidite koje podatke skripte trećih strana (analitika, chat, oglašavanje) pohranjuju u localStorage vaše domene. Revidirajte podatke radi usklađenosti s privatnošću i neočekivane upotrebe pohrane.
Otvorite plutajući dock DevSuite Pro i kliknite ikonu Local Storage Editora. Panel se otvara prikazujući sve unose localStorage za trenutnu domenu.
Pomičite se kroz tablicu parova ključ-vrijednost. JSON vrijednosti se automatski formatiraju. Prebacite kartice za prikaz sessionStorage.
Kliknite bilo koju vrijednost za uređivanje izravno u tablici. Za JSON vrijednosti pojavljuje se formatirani uređivač. Promjene se odmah spremaju u storage API.
Kliknite "Add Entry" za stvaranje novog para ključ-vrijednost. Kliknite ikonu za brisanje na bilo kojem retku za njegovo uklanjanje. "Clear All" uklanja sve.
Nakon uređivanja vrijednosti pohrane, komunicirajte sa stranicom kako biste vidjeli kako aplikacija reagira na promijenjene podatke.
Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.
