Editor lokálního úložiště poskytuje přehledné tabulkové rozhraní pro správu záznamů localStorage a sessionStorage pro aktuální web. Procházejte všechny dvojice klíč-hodnota, upravujte hodnoty přímo, přidávejte nové záznamy a mažte nepotřebné. Hodnoty JSON jsou automaticky detekovány a formátovány pro snadné čtení. Přepínejte mezi záložkami localStorage a sessionStorage pro správu obou typů úložiště.
Webové aplikace ukládají obrovská množství stavových dat v localStorage a sessionStorage — uživatelské preference, autentizační tokeny, příznaky funkcí, přiřazení A/B testů, obsah nákupního košíku, koncepty formulářů, cachované odpovědi API a stav UI. Ladění těchto hodnot v Chrome DevTools vyžaduje přechod na záložku Aplikace, nalezení sekce Úložiště a použití základního prohlížeče klíč-hodnota s omezenými možnostmi úprav. Editor lokálního úložiště to přenáší do specializovaného panelu s přepínáním záložek úložiště, přímou úpravou, automatickým formátováním JSON a hromadnými operacemi. Tabulka zobrazuje každou dvojici klíč-hodnota s názvem klíče a hodnotou. Hodnoty JSON (které jsou velmi běžné — objekty serializované pomocí JSON.stringify) jsou detekovány automaticky a zobrazovány s patřičným formátováním a zvýrazňováním syntaxe. Kliknutím na libovolnou hodnotu ji upravíte přímo — změny jsou okamžitě zapsány do API úložiště. Přidávejte nové záznamy přes přehledný formulář nebo mažte záznamy jednotlivě či hromadně.
Přepínejte mezi localStorage a sessionStorage pomocí záložkových tlačítek v horní části panelu. Každá záložka zobrazuje počet záznamů (např. „localStorage (12)“ / „sessionStorage (3)“). Oba typy úložiště jsou spravovány z jednoho rozhraní.
Kliknutím na libovolnou buňku hodnoty ji upravte přímo na místě. Pro jednoduché hodnoty napište nový řetězec. Pro hodnoty JSON se editor rozbalí do formátované textové oblasti se zvýrazňováním syntaxe. Změny jsou okamžitě uloženy do API úložiště.
Hodnoty JSON (objekty a pole serializované pomocí JSON.stringify) jsou automaticky detekovány a zobrazovány s patřičným odsazením a zvýrazňováním syntaxe. Upravujte formátovaný JSON přímo — je znovu serializován při uložení.
Kliknutím na „Přidat záznam“ vytvořte novou dvojici klíč-hodnota. Zadejte název klíče a hodnotu (řetězec nebo JSON). Záznam je okamžitě zapsán do localStorage nebo sessionStorage pro aktuální doménu.
Mažte jednotlivé záznamy pomocí tlačítka smazání řádku nebo použijte „Vymazat vše“ pro odstranění každého záznamu pro aktuální typ úložiště. Vhodné pro resetování stavu aplikace během testování.
Změny provedené v editoru se okamžitě projeví v aplikaci. Pokud aplikace čte hodnotu z localStorage při interakci uživatele, úprava té hodnoty v panelu změní, co aplikace přečte příště — ve většině případů není potřeba opětovné načtení stránky.
Zkontrolujte, jaké hodnoty vaše aplikace uložila v localStorage. Je autentizační token přítomen? Je objekt uživatelských preferencí správně strukturován? Způsobuje zastaralá cachovaná hodnota neočekávané chování?
Vymažte veškerý localStorage pro resetování aplikace do počátečního stavu — vhodné pro testování prvního spuštění, onboardingových toků a výchozích konfigurací bez mazání dat prohlížeče pro ostatní weby.
Mnoho aplikací ukládá hodnoty příznaků funkcí v localStorage. Upravujte je přímo pro povolení nebo zakázání funkcí bez procházení rozhraním pro správu příznaků nebo opětovného nasazení.
Upravujte uložené uživatelské preference, nastavení motivů, výběry jazyka nebo příznaky dokončení onboardingu pro simulaci různých stavů uživatele a testování, jak je aplikace zpracovává.
Zjistěte, jaká data skripty třetích stran (analytika, chat, reklama) ukládají v localStorage vaší domény. Auditujte data pro soulad s ochranou soukromí a neočekávané použití úložiště.
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Editoru lokálního úložiště. Panel se otevře a zobrazí všechny záznamy localStorage pro aktuální doménu.
Procházejte tabulku klíč-hodnota. Hodnoty JSON jsou automaticky formátovány. Přepněte záložky pro zobrazení sessionStorage.
Kliknutím na libovolnou hodnotu ji upravte přímo. Pro hodnoty JSON se zobrazí formátovaný editor. Změny jsou okamžitě uloženy do API úložiště.
Kliknutím na „Přidat záznam“ vytvořte novou dvojici klíč-hodnota. Kliknutím na ikonu smazání na libovolném řádku ho odstraňte. „Vymazat vše“ odstraní vše.
Po úpravě hodnot úložiště interagujte se stránkou a zjistěte, jak aplikace reaguje na změněná data.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
