Ipinapakita ng Cookie Editor ang lahat ng cookies para sa kasalukuyang domain sa isang malinaw na sortable na talahanayan. Tingnan ang mga pangalan ng cookie, values, petsa ng pag-expire, paths, at security flags (HttpOnly, Secure, SameSite). I-edit ang mga value nang inline, magdagdag ng mga bagong cookie na may custom na mga parameter, o mag-delete ng mga indibidwal na cookie o lahat ng sabay-sabay — mahalaga para sa pag-debug ng authentication, sessions, at consent flows.
Ang cookies ang nagpapatakbo ng authentication, session management, mga kagustuhan ng user, consent tracking, analytics, at A/B testing — ngunit ang pamamahala sa mga ito sa panahon ng development ay nakakapagod. Ipinapakita ng Chrome DevTools ang mga cookie sa Application tab, ngunit basic ang interface at kailangan pang mag-navigate sa maraming panel. Inilalagay ng Cookie Editor ang lahat sa isang malinis na talahanayan: bawat cookie para sa kasalukuyang domain kasama ang lahat ng properties nito na makikita agad. I-edit ang anumang cookie value sa pamamagitan ng pag-click dito — ang mga pagbabago ay nai-save sa browser's cookie store kaagad. Magdagdag ng mga bagong cookie na may custom na mga pangalan, values, petsa ng pag-expire, paths, at flags. Mag-delete ng cookies nang isa-isa o i-clear ang lahat. Ipinapakita ng talahanayan ang mga security flag badge (S para sa Secure, H para sa HttpOnly) para ma-verify mo na ang mga sensitibong cookie ay may tamang proteksyon. Ang mga session cookie ay nakikilala mula sa persistent cookies sa pamamagitan ng kanilang expiry column. Ito ang tool na sana ay naka-built-in na sa browser DevTools.
Bawat cookie para sa kasalukuyang domain ay ipinapakita sa isang sortable na talahanayan na may mga column para sa Name, Value, Expires (o "Session"), Path, at Flags. Malinis at madaling i-scan ang talahanayan — tingnan ang lahat ng cookies agad.
I-click ang anumang cookie value para i-edit ito sa lugar. I-type ang bagong value at nai-save ito sa browser's cookie store kaagad. Hindi na kailangang mag-delete at muling gumawa ng cookie — baguhin lang ang value nang direkta.
I-click ang "Add" para gumawa ng bagong cookie na may custom na pangalan, value, petsa ng pag-expire, path, at domain. Itakda ang Secure, HttpOnly, at SameSite flags. Ang cookie ay nalilikha sa browser's cookie store kaagad.
Mag-delete ng isang cookie sa pamamagitan ng pag-click sa delete button nito, o "Delete All" para i-clear ang bawat cookie para sa kasalukuyang domain. Kapaki-pakinabang para sa pag-test ng logged-out states o consent flows.
Ang mga visual badge ay nagpapahiwatig ng security flags: S (Secure — HTTPS lamang), H (HttpOnly — hindi naa-access sa pamamagitan ng JavaScript), SameSite value (Strict, Lax, None). I-verify agad na ang mga sensitibong cookie ay maayos na protektado.
Ang Expires column ay malinaw na nagtatangi ng mga session cookie ("Session" — natatanggal kapag nasara ang browser) mula sa persistent cookies (ipinapakita ang aktwal na petsa at oras ng pag-expire). Walang kalabuan tungkol sa buhay ng cookie.
Suriin ang mga session cookie para ma-verify na tama ang pagkaka-set ng mga ito pagkatapos mag-login. I-edit ang session token para subukan ang expired o invalid na session handling. I-delete ang session cookie para subukan ang logged-out na karanasan.
I-delete ang consent cookie para muling ma-trigger ang cookie consent banner. I-edit ang mga consent value para subukan ang iba't ibang consent state (lahat ay tinanggap, bahagyang tinanggap, lahat ay tinanggihan).
Suriin na ang mga authentication cookie ay may HttpOnly (pumipigil sa XSS theft), Secure (HTTPS lamang), at SameSite=Strict o Lax (pumipigil sa CSRF). Ang mga nawawalang flag ay agad na makikita sa talahanayan.
Magdagdag ng cookies para i-simulate ang mga logged-in state, A/B test variant, feature flag assignment, o locale preference nang hindi dumadaan sa normal na user flows.
I-edit ang expiry ng cookie sa isang nakaraang petsa at i-reload para subukan kung paano hinahawakan ng site ang mga expired na cookie. O baguhin ang isang session cookie tungo sa persistent para subukan ang persistence behavior.
Buksan ang DevSuite Pro popup at i-click ang Cookie Editor icon. Lahat ng cookies para sa kasalukuyang domain ay na-load sa talahanayan.
Mag-scroll sa cookie table. I-click ang mga column header para mag-sort ayon sa pangalan, value, o expiry. Ipinapakita ng mga security flag badge kung aling cookies ang Secure at HttpOnly.
I-click ang anumang value cell para i-edit ito nang inline. I-type ang bagong value — nai-save ito sa cookie store kaagad. Maaaring kailanganin ng page na ma-reload para makita ang pagbabago.
I-click ang "Add" para gumawa ng bagong cookie na may kumpletong kontrol sa parameter. I-click ang delete icon sa anumang row para alisin ang cookie na iyon. Nili-clear ng "Delete All" ang lahat.
Pagkatapos mag-edit ng cookies, i-reload ang page para makita kung paano nakakaapekto ang mga pagbabago sa site — login state, kagustuhan, consent banners, atbp.
I-install ang DevSuite Pro nang libre at i-unlock ang 39+ developer tools para sa iyong browser.
