← Назад до функцій
Free

Редактор cookie

Редактор cookie показує всі cookie для поточного домену в чистій, сортованій таблиці.

Cookies drive authentication, session management, user preferences, consent tracking, analytics, and A/B testing — but managing them during development is tedious. Chrome DevTools shows cookies in the Application tab, but the interface is basic and requires navigating through multiple panels. Cookie Editor puts everything in one clean table: every cookie for the current domain with all its properties visible at a glance. Edit any cookie value by clicking on it — changes are saved to the browser's cookie store immediately. Add brand new cookies with custom names, values, expiry dates, paths, and flags. Delete cookies individually or clear them all. The table shows security flag badges (S for Secure, H for HttpOnly) so you can verify that sensitive cookies have proper protection. Session cookies are distinguished from persistent cookies by their expiry column. It's the tool you wish browser DevTools had built-in.

Live-перегляд
example.com
Cookies — example.com (5)
+ Add Delete All
NameValueExpiresFlags
_gaGA1.1.12345678.1709...2yS
session_idabc123def456...SessionS H
themedark1y
consentaccepted1yS
_fbpfb.1.170912...90dS
S = Secure · H = HttpOnly · Click any value to edit
Основні функції

Complete Cookie Table

Every cookie for the current domain is displayed in a sortable table with columns for Name, Value, Expires (or "Session"), Path, and Flags. The table is clean and scannable — see all cookies at a glance.

Inline Value Editing

Click any cookie value to edit it in place. Type the new value and it's saved to the browser's cookie store immediately. No need to delete and recreate the cookie — just change the value directly.

Add New Cookies

Click "Add" to create a new cookie with a custom name, value, expiry date, path, and domain. Set Secure, HttpOnly, and SameSite flags. The cookie is created in the browser's cookie store immediately.

Individual & Bulk Delete

Delete a single cookie by clicking its delete button, or "Delete All" to clear every cookie for the current domain. Useful for testing logged-out states or consent flows.

Security Flag Badges

Visual badges indicate security flags: S (Secure — HTTPS only), H (HttpOnly — not accessible via JavaScript), SameSite value (Strict, Lax, None). Verify at a glance that sensitive cookies are properly protected.

Session vs Persistent Distinction

The Expires column clearly distinguishes session cookies ("Session" — deleted when browser closes) from persistent cookies (showing the actual expiry date and time). No ambiguity about cookie lifetime.

Поширені сценарії використання

Debugging Authentication Issues

Inspect session cookies to verify they're set correctly after login. Edit the session token to test expired or invalid session handling. Delete the session cookie to test the logged-out experience.

Testing Cookie Consent Flows

Delete the consent cookie to re-trigger the cookie consent banner. Edit consent values to test different consent states (all accepted, partially accepted, all rejected).

Verifying Security Flags

Check that authentication cookies have HttpOnly (preventing XSS theft), Secure (HTTPS-only), and SameSite=Strict or Lax (preventing CSRF). Missing flags are immediately visible in the table.

Simulating Different User States

Add cookies to simulate logged-in states, A/B test variants, feature flag assignments, or locale preferences without going through the normal user flows.

Testing Cookie Expiry Behavior

Edit a cookie's expiry to a past date and reload to test how the site handles expired cookies. Or change a session cookie to a persistent one to test persistence behavior.

Як користуватися
1

Open Cookie Editor

Open the DevSuite Pro popup and click the Cookie Editor icon. All cookies for the current domain are loaded into the table.

2

Browse & Sort Cookies

Scroll through the cookie table. Click column headers to sort by name, value, or expiry. Security flag badges show which cookies are Secure and HttpOnly.

3

Edit a Cookie Value

Click any value cell to edit it inline. Type the new value — it's saved to the cookie store immediately. The page may need a reload to reflect the change.

4

Add or Delete Cookies

Click "Add" to create a new cookie with full parameter control. Click the delete icon on any row to remove that cookie. "Delete All" clears everything.

5

Reload to See Effects

After editing cookies, reload the page to see how the changes affect the site — login state, preferences, consent banners, etc.

Готові спробувати? Редактор cookie?

Встановіть DevSuite Pro безкоштовно та отримайте понад 39 інструментів розробника для вашого браузера.

Додати в Chrome Додати в Edge Додати в FireFox