Lokal lager-editor giver en ren tabelgrænseflade til at administrere localStorage og sessionStorage-poster for det aktuelle sted. Gennemse alle nøgle-værdi-par, rediger værdier inline, tilføj nye poster og slet dem, du ikke har brug for. JSON-værdier registreres automatisk og formateres for nem læsning. Skift mellem localStorage og sessionStorage-faner for at administrere begge lagertyper.
Webapplikationer gemmer enorme mængder tilstand i localStorage og sessionStorage — brugerpræferencer, godkendelsestokens, feature flags, A/B-test-tildelinger, indkøbskurvindhold, formularudkast, cachede API-responser og UI-tilstand. Fejlfinding af disse værdier i Chrome DevTools kræver at navigere til Applikation-fanen, finde Lager-sektionen og bruge en grundlæggende nøgle-værdi-visning med begrænsede redigeringsmuligheder. Lokal lager-editor bringer dette ind i et formålsbygget panel med fanebladslager-skift, inline-redigering, JSON-auto-formatering og bulk-operationer. Tabellen viser alle nøgle-værdi-par med nøglenavnet og værdien. JSON-værdier (som er ekstremt almindelige — objekter serialiseret med JSON.stringify) registreres automatisk og vises med korrekt formatering og syntaksfremhævning. Klik på en værdi for at redigere den på plads — ændringer skrives til lager-API'et øjeblikkeligt. Tilføj nye poster med en ren formular eller slet poster individuelt eller i bulk.
Skift mellem localStorage og sessionStorage med faneflade-knapper øverst i panelet. Hver fane viser postantal (f.eks. localStorage (12) / sessionStorage (3)). Begge lagertyper administreres fra én grænseflade.
Klik på en værdiscelle for at redigere den på plads. For enkle værdier, skriv den nye streng. For JSON-værdier udvides editoren til et formateret textarea med syntaksfremhævning. Ændringer gemmes til lager-API'et øjeblikkeligt.
JSON-værdier (objekter og arrays serialiseret med JSON.stringify) registreres automatisk og vises med korrekt indrykning og syntaksfremhævning. Rediger den formaterede JSON direkte — den re-serialiseres, når du gemmer.
Klik Tilføj post for at oprette et nyt nøgle-værdi-par. Indtast nøglenavnet og værdien (streng eller JSON). Posten skrives øjeblikkeligt til localStorage eller sessionStorage for det aktuelle domæne.
Slet individuelle poster med rækkens slet-knap, eller brug Ryd alle for at fjerne alle poster for den aktuelle lagertype. Nyttigt til nulstilling af applikationstilstand under test.
Ændringer foretaget i editoren afspejles øjeblikkeligt i applikationen. Hvis appen læser en værdi fra localStorage ved brugerinteraktion, ændrer redigering af den værdi i panelet, hvad appen læser næste gang — ingen sideopdatering nødvendig i de fleste tilfælde.
Inspicér hvilke værdier din applikation har gemt i localStorage. Er auth-token til stede? Er brugerpræference-objektet struktureret korrekt? Forårsager en forældet cachet værdi uventet adfærd?
Ryd al localStorage for at nulstille applikationen til dens indledende tilstand — nyttigt til test af første-kørsel-oplevelser, onboarding-flows og standardkonfigurationer uden at rydde browserdata for andre steder.
Mange applikationer gemmer feature flag-værdier i localStorage. Rediger disse direkte for at aktivere eller deaktivere funktioner uden at gå gennem flag-administrations-UI'en eller redeploye.
Rediger gemte brugerpræferencer, temaindstillinger, sprogvalg eller onboarding-completion-flags for at simulere forskellige brugertilstande og teste, hvordan applikationen håndterer hver enkelt.
Se hvilke data tredjeparts scripts (analyse, chat, reklame) gemmer i dit domænes localStorage. Auditér dataene for privatlivs-overholdelse og uventet lagerbrug.
Åbn den flydende DevSuite Pro-dock, og klik på Lokal lager-editor-ikonet. Et panel åbnes og viser alle localStorage-poster for det aktuelle domæne.
Rul gennem nøgle-værdi-tabellen. JSON-værdier formateres automatisk. Skift faner for at se sessionStorage i stedet.
Klik på en værdi for at redigere den inline. For JSON-værdier vises en formateret editor. Ændringer gemmes til lager-API'et øjeblikkeligt.
Klik Tilføj post for at oprette et nyt nøgle-værdi-par. Klik på slet-ikonet på en række for at fjerne det. Ryd alle fjerner alt.
Efter redigering af lagerværdier, interagér med siden for at se, hvordan applikationen reagerer på de ændrede data.
Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.
