Editor cookies zobrazuje všechny cookies pro aktuální doménu v přehledné, seřaditelné tabulce. Prohlížejte názvy cookies, hodnoty, data vypršení, cesty a bezpečnostní příznaky (HttpOnly, Secure, SameSite). Upravujte hodnoty přímo, přidávejte nové cookies s vlastními parametry nebo mažte jednotlivé cookies nebo všechny najednou — nezbytné pro ladění autentizace, relací a toků souhlasu.
Cookies jsou základem autentizace, správy relací, uživatelských preferencí, sledování souhlasu, analytiky a A/B testování — ale jejich správa během vývoje je zdlouhavá. Chrome DevTools zobrazuje cookies na záložce Aplikace, ale rozhraní je základní a vyžaduje procházení více panelů. Editor cookies vše umístí do jedné přehledné tabulky: každý cookie pro aktuální doménu se všemi vlastnostmi viditelný na první pohled. Kliknutím upravte libovolnou hodnotu cookie — změny jsou okamžitě uloženy do úložiště cookies prohlížeče. Přidejte zcela nové cookies s vlastními názvy, hodnotami, daty vypršení, cestami a příznaky. Mažte cookies jednotlivě nebo všechny najednou. Tabulka zobrazuje odznaky bezpečnostních příznaků (S pro Secure, H pro HttpOnly), takže můžete ověřit, že citlivé cookies jsou řádně chráněny. Relační cookies jsou od trvalých cookies odlišeny sloupcem vypršení. Je to nástroj, který byste si přáli mít přímo vestavěný v DevTools prohlížeče.
Každý cookie pro aktuální doménu je zobrazen v seřaditelné tabulce se sloupci pro Název, Hodnota, Vypršení (nebo „Relace“), Cesta a Příznaky. Tabulka je přehledná a snadno čitelná — vidíte všechny cookies najednou.
Kliknutím na libovolnou hodnotu cookie ji upravte přímo na místě. Zadejte novou hodnotu a ta je okamžitě uložena do úložiště cookies prohlížeče. Není třeba mazat a znovu vytvářet cookie — stačí přímo změnit hodnotu.
Kliknutím na „Přidat“ vytvořte nový cookie s vlastním názvem, hodnotou, datem vypršení, cestou a doménou. Nastavte příznaky Secure, HttpOnly a SameSite. Cookie je okamžitě vytvořen v úložišti cookies prohlížeče.
Smažte jednotlivý cookie kliknutím na jeho tlačítko smazání nebo „Smazat vše“ a vymažte všechny cookies pro aktuální doménu. Vhodné pro testování stavů po odhlášení nebo toků souhlasu.
Vizuální odznaky označují bezpečnostní příznaky: S (Secure — pouze HTTPS), H (HttpOnly — nepřístupný přes JavaScript), hodnota SameSite (Strict, Lax, None). Ověřte na první pohled, že citlivé cookies jsou řádně chráněny.
Sloupec Vypršení jasně rozlišuje relační cookies („Relace“ — smazány při zavření prohlížeče) od trvalých cookies (zobrazuje skutečné datum a čas vypršení). Žádné nejasnosti ohledně doby platnosti cookie.
Zkontrolujte relační cookies a ověřte, že jsou po přihlášení správně nastaveny. Upravte token relace pro testování vypršených nebo neplatných relací. Smažte relační cookie pro testování stavu po odhlášení.
Smažte cookie souhlasu a znovu spusťte banner souhlasu s cookies. Upravte hodnoty souhlasu pro testování různých stavů souhlasu (vše přijato, částečně přijato, vše odmítnuto).
Zkontrolujte, že autentizační cookies mají HttpOnly (ochrana před krádeží XSS), Secure (pouze HTTPS) a SameSite=Strict nebo Lax (ochrana před CSRF). Chybějící příznaky jsou okamžitě viditelné v tabulce.
Přidejte cookies pro simulaci přihlášených stavů, variant A/B testu, přiřazení příznaků funkcí nebo jazykových preferencí bez procházení normálními uživatelskými toky.
Upravte datum vypršení cookie na minulé datum a znovu načtěte stránku pro testování, jak web zpracovává vypršené cookies. Nebo změňte relační cookie na trvalý a otestujte chování persistence.
Otevřete popup DevSuite Pro a klikněte na ikonu Editoru cookies. Všechny cookies pro aktuální doménu se načtou do tabulky.
Procházejte tabulku cookies. Kliknutím na záhlaví sloupců třiďte podle názvu, hodnoty nebo vypršení. Odznaky bezpečnostních příznaků ukazují, které cookies jsou Secure a HttpOnly.
Kliknutím na libovolnou buňku hodnoty ji upravte přímo. Zadejte novou hodnotu — ta je okamžitě uložena do úložiště cookies. Stránka může potřebovat opětovné načtení, aby změnu odrážela.
Kliknutím na „Přidat“ vytvořte nový cookie s plnou kontrolou parametrů. Kliknutím na ikonu smazání na libovolném řádku odstraňte daný cookie. „Smazat vše“ vše vymaže.
Po úpravě cookies znovu načtěte stránku a sledujte, jak změny ovlivní web — stav přihlášení, preference, bannery souhlasu atd.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
