← Zurück zu den Funktionen
Free

Cookie-Editor

Der Cookie-Editor zeigt alle Cookies für die aktuelle Domain in einer übersichtlichen, sortierbaren Tabelle an. Zeigen Sie Cookie-Namen, Werte, Ablaufdaten, Pfade und Sicherheits-Flags (HttpOnly, Secure, SameSite) an. Bearbeiten Sie Werte direkt, fügen Sie neue Cookies mit benutzerdefinierten Parametern hinzu oder löschen Sie einzelne Cookies oder alle auf einmal — unverzichtbar zum Debuggen von Authentifizierung, Sitzungen und Einwilligungsabläufen.

Cookies steuern Authentifizierung, Sitzungsverwaltung, Nutzereinstellungen, Einwilligungs-Tracking, Analytics und A/B-Tests — aber das Verwalten während der Entwicklung ist mühsam. Chrome DevTools zeigt Cookies im Application-Tab, aber die Oberfläche ist einfach und erfordert das Navigieren durch mehrere Panels. Der Cookie-Editor fasst alles in einer übersichtlichen Tabelle zusammen: Jeden Cookie für die aktuelle Domain mit allen seinen Eigenschaften auf einen Blick. Bearbeiten Sie jeden Cookie-Wert durch Anklicken — Änderungen werden sofort im Cookie-Store des Browsers gespeichert. Fügen Sie neue Cookies mit benutzerdefinierten Namen, Werten, Ablaufdaten, Pfaden und Flags hinzu. Löschen Sie Cookies einzeln oder alle auf einmal. Die Tabelle zeigt Sicherheits-Flag-Badges, damit Sie überprüfen können, dass sensible Cookies ordnungsgemäß geschützt sind.

Live-Vorschau
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
Hauptmerkmale

Vollständige Cookie-Tabelle

Jeder Cookie für die aktuelle Domain wird in einer sortierbaren Tabelle mit Spalten für Name, Wert, Ablauf (oder Sitzung), Pfad und Flags angezeigt. Die Tabelle ist übersichtlich und scannbar — sehen Sie alle Cookies auf einen Blick.

Inline-Wertbearbeitung

Klicken Sie auf einen beliebigen Cookie-Wert, um ihn direkt zu bearbeiten. Geben Sie den neuen Wert ein, und er wird sofort im Cookie-Store des Browsers gespeichert. Kein Löschen und Neuerstellen des Cookies nötig — ändern Sie den Wert direkt.

Neue Cookies hinzufügen

Klicken Sie auf Hinzufügen, um einen neuen Cookie mit benutzerdefiniertem Namen, Wert, Ablaufdatum, Pfad und Domain zu erstellen. Setzen Sie Secure-, HttpOnly- und SameSite-Flags. Der Cookie wird sofort im Cookie-Store des Browsers erstellt.

Einzelnes und Massen-Löschen

Löschen Sie einen einzelnen Cookie durch Klicken auf dessen Löschen-Button oder Alle löschen, um jeden Cookie für die aktuelle Domain zu löschen. Nützlich zum Testen von ausgeloggten Zuständen oder Einwilligungsabläufen.

Sicherheits-Flag-Badges

Visuelle Badges zeigen Sicherheits-Flags: S (Secure — nur HTTPS), H (HttpOnly — nicht über JavaScript zugänglich), SameSite-Wert (Strict, Lax, None). Überprüfen Sie auf einen Blick, dass sensible Cookies ordnungsgemäß geschützt sind.

Unterscheidung von Sitzungs- und persistenten Cookies

Die Ablauf-Spalte unterscheidet klar zwischen Sitzungs-Cookies (Sitzung — beim Schließen des Browsers gelöscht) und persistenten Cookies (Anzeige des tatsächlichen Ablaufdatums und -uhrzeit). Keine Unklarheit über die Cookie-Lebensdauer.

Häufige Anwendungsfälle

Authentifizierungsprobleme debuggen

Inspizieren Sie Sitzungs-Cookies, um zu überprüfen, ob sie nach dem Login korrekt gesetzt sind. Bearbeiten Sie den Sitzungstoken, um das Handling von abgelaufenen oder ungültigen Sitzungen zu testen. Löschen Sie den Sitzungs-Cookie, um das ausgeloggte Erlebnis zu testen.

Cookie-Einwilligungsabläufe testen

Löschen Sie den Einwilligungs-Cookie, um das Cookie-Einwilligungsbanner erneut auszulösen. Bearbeiten Sie Einwilligungswerte, um verschiedene Einwilligungszustände zu testen (alle akzeptiert, teilweise akzeptiert, alle abgelehnt).

Sicherheits-Flags verifizieren

Prüfen Sie, dass Authentifizierungs-Cookies HttpOnly (verhindert XSS-Diebstahl), Secure (nur HTTPS) und SameSite=Strict oder Lax (verhindert CSRF) haben. Fehlende Flags sind sofort in der Tabelle sichtbar.

Verschiedene Nutzerzustände simulieren

Fügen Sie Cookies hinzu, um eingeloggte Zustände, A/B-Test-Varianten, Feature-Flag-Zuweisungen oder Spracheinstellungen zu simulieren, ohne die normalen Nutzerflüsse durchlaufen zu müssen.

Cookie-Ablaufverhalten testen

Bearbeiten Sie das Ablaufdatum eines Cookies auf ein vergangenes Datum und laden Sie neu, um zu testen, wie die Site mit abgelaufenen Cookies umgeht. Oder ändern Sie einen Sitzungs-Cookie in einen persistenten, um Persistenzverhalten zu testen.

Anwendung
1

Cookie-Editor öffnen

Öffnen Sie das DevSuite Pro Popup und klicken Sie auf das Symbol des Cookie-Editors. Alle Cookies für die aktuelle Domain werden in die Tabelle geladen.

2

Cookies durchsuchen und sortieren

Scrollen Sie durch die Cookie-Tabelle. Klicken Sie auf Spaltenüberschriften, um nach Name, Wert oder Ablauf zu sortieren. Sicherheits-Flag-Badges zeigen, welche Cookies Secure und HttpOnly sind.

3

Einen Cookie-Wert bearbeiten

Klicken Sie auf eine beliebige Wertzelle, um sie inline zu bearbeiten. Geben Sie den neuen Wert ein — er wird sofort im Cookie-Store gespeichert. Die Seite muss möglicherweise neu geladen werden, um die Änderung widerzuspiegeln.

4

Cookies hinzufügen oder löschen

Klicken Sie auf Hinzufügen, um einen neuen Cookie mit vollständiger Parameterkontrolle zu erstellen. Klicken Sie auf das Löschen-Symbol in einer beliebigen Zeile, um diesen Cookie zu entfernen. Alle löschen löscht alles.

5

Neu laden, um Auswirkungen zu sehen

Nach dem Bearbeiten von Cookies laden Sie die Seite neu, um zu sehen, wie sich die Änderungen auf die Site auswirken — Anmeldezustand, Einstellungen, Einwilligungsbanner usw.

Bereit zum Ausprobieren? Cookie-Editor?

Installieren Sie DevSuite Pro kostenlos und schalten Sie 39+ Entwickler-Tools für Ihren Browser frei.

Zu Chrome hinzufügen Zu Edge hinzufügen Zu FireFox hinzufügen