Local Storage Editor biedt een schone tabelinterface voor het beheren van localStorage- en sessionStorage-items voor de huidige site. Blader door alle sleutel-waardeparen, bewerk waarden inline, voeg nieuwe items toe, en verwijder items die u niet nodig hebt. JSON-waarden worden automatisch gedetecteerd en opgemaakt voor gemakkelijk lezen. Schakel tussen localStorage- en sessionStorage-tabbladen om beide opslagtypen te beheren.
Webtoepassingen slaan enorme hoeveelheden toestand op in localStorage en sessionStorage — gebruikersvoorkeuren, verificatietokens, functievlaggen, A/B-testgetsigneerde, winkelwageninhoud, formulierconcepten, in cache opgeslagen API-antwoorden, en UI-toestand. Het debuggen van deze waarden in Chrome DevTools vereist navigatie naar het tabblad Application, het vinden van de opslaggeresectie, en het gebruik van een basis-sleutelwaardekijker met beperkte bewerkingsmogelijkheden. Local Storage Editor brengt dit in een doel-gebouwde paneel met tabbed opslaggeregeling, inline bewerking, JSON auto-opmaak, en bulkoperaties. De tabel toont elk sleutel-waardepaar met de sleutelnaam en waarde. JSON-waarden (die uiterst algemeen zijn — objecten geserialiseerd met JSON.stringify) worden automatisch gedetecteerd en weergegeven met juiste opmaak en syntaxisbighting. Klik op een waarde om deze ter plaatse te bewerken — wijzigingen worden onmiddellijk naar de opslag-API geschreven. Voeg nieuwe items toe met een schoon formulier, of verwijder items afzonderlijk of in bulk.
Schakel tussen localStorage en sessionStorage met tabbladknopen aan de bovenkant van het paneel. Elk tabblad toont het aantal items (bijv. "localStorage (12)" / "sessionStorage (3)"). Beide opslagtypen worden vanuit één interface beheerd.
Klik op een waardecel om deze ter plaatse te bewerken. Voor eenvoudige waarden typt u de nieuwe tekenreeks. Voor JSON-waarden, breidt de editor uit naar een opgemaakt textarea met syntaxisbighting. Wijzigingen worden onmiddellijk naar de opslag-API opgeslagen.
JSON-waarden (objecten en arrays geserialiseerd met JSON.stringify) worden automatisch gedetecteerd en weergegeven met juiste inspringing en syntaxisbighting. Bewerk de opgemaakt JSON rechtstreeks — deze wordt opnieuw geserialiseerd wanneer u opslaat.
Klik op "Item toevoegen" om een nieuw sleutel-waardepaar te maken. Voer de sleutelnaam en waarde in (tekenreeks of JSON). Het item wordt onmiddellijk naar localStorage of sessionStorage voor het huidden domein geschreven.
Verwijder afzonderlijke items met de verwijderknop van de rij, of gebruik "Alles wissen" om elk item voor het huidden opslagtype te verwijderen. Nuttig voor het resetten van toepassingstoestand tijdens testen.
Wijzigingen die in de editor zijn aangebracht, worden onmiddellijk weerspiegeld in de toepassing. Als de app een waarde uit localStorage leest op gebruikersinteractie, wijzigt het bewerken van die waarde in het paneel wat de app vervolgens leest — geen pagina-herladingen nodig voor de meeste gevallen.
Controleer welke waarden uw toepassing heeft opgeslagen in localStorage. Is het verificatietoken aanwezig? Is het gebruikersvoorkeurobject correct gestructureerd? Veroorzaakt een verouderde in cache opgeslagen waarde onverwacht gedrag?
Wis alle localStorage om de toepassing opnieuw in te stellen op de initiële toestand — nuttig voor het testen van first-run-ervaringen, onboarding-flows, en standaardconfiguraties zonder browsergegevens voor andere sites te wissen.
Veel toepassingen slaan functievlagwaarden op in localStorage. Bewerk deze rechtstreeks om functies in of uit te schakelen zonder door de vlaggenbeheer-UI te gaan of opnieuw in te zetten.
Bewerk opgeslagen gebruikersvoorkeuren, themainstellingen, taalselecties, of onboarding-voltooiingsvlaggen om verschillende gebruikerstoestanden te simuleren en te testen hoe de toepassing elk ervan handelt.
Zie welke gegevens scripts van derden (analyses, chat, reclame) in uw domeinopslag opslaan. Controleer de gegevens op compliance met privacywet en onverwacht opslaggebruik.
Open het zwevende dock van DevSuite Pro en klik op het pictogram Local Storage-editor. Een paneel opent met alle localStorage-items voor het huidden domein.
Scroll door de sleutel-waardetabel. JSON-waarden worden automatisch opgemaakt. Schakel tabbladen in om in plaats daarvan sessionStorage weer te geven.
Klik op een waarde om deze ter plaatse te bewerken. Voor JSON-waarden verschijnt een opgemaakt editor. Wijzigingen worden onmiddellijk naar de opslag-API opgeslagen.
Klik op "Item toevoegen" om een nieuw sleutel-waardepaar te maken. Klik op het verwijderpictogram op een rij om dit te verwijderen. "Alles wissen" verwijdert alles.
Na het bewerken van opslagwaarden, werkt u met de pagina om te zien hoe de toepassing reageert op de gewijzigde gegevens.
Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.
