Το Cookie Editor εμφανίζει όλα τα cookies για το τρέχον domain σε καθαρό, ταξινομήσιμο πίνακα. Προβάλετε ονόματα cookies, τιμές, ημερομηνίες λήξης, paths και σημαίες ασφαλείας (HttpOnly, Secure, SameSite). Επεξεργαστείτε τιμές inline, προσθέστε νέα cookies με προσαρμοσμένες παραμέτρους ή διαγράψτε μεμονωμένα cookies ή όλα ταυτόχρονα — απαραίτητο για debugging αυθεντικοποίησης, sessions και consent flows.
Τα cookies οδηγούν αυθεντικοποίηση, διαχείριση sessions, προτιμήσεις χρηστών, παρακολούθηση consent, analytics και A/B testing — αλλά η διαχείρισή τους κατά την ανάπτυξη είναι κουραστική. Το Chrome DevTools εμφανίζει cookies στην καρτέλα Application, αλλά η διεπαφή είναι βασική και απαιτεί πλοήγηση μέσω πολλαπλών πινάκων. Το Cookie Editor τοποθετεί τα πάντα σε έναν καθαρό πίνακα: κάθε cookie για το τρέχον domain με όλες τις ιδιότητές του ορατές με μια ματιά. Επεξεργαστείτε οποιαδήποτε τιμή cookie κάνοντας κλικ — οι αλλαγές αποθηκεύονται αμέσως στο cookie store του browser. Προσθέστε νέα cookies με προσαρμοσμένα ονόματα, τιμές, ημερομηνίες λήξης, paths και σημαίες. Διαγράψτε cookies μεμονωμένα ή εκκαθαρίστε τα όλα. Ο πίνακας εμφανίζει σήματα σημαιών ασφαλείας (S για Secure, H για HttpOnly) ώστε να επαληθεύσετε ότι τα ευαίσθητα cookies έχουν κατάλληλη προστασία.
Κάθε cookie για το τρέχον domain εμφανίζεται σε ταξινομήσιμο πίνακα με στήλες για Όνομα, Τιμή, Λήξη (ή «Session»), Path και Σημαίες. Ο πίνακας είναι καθαρός και σαρώσιμος — δείτε όλα τα cookies με μια ματιά.
Κάντε κλικ σε οποιαδήποτε τιμή cookie για να την επεξεργαστείτε εντός θέσης. Πληκτρολογήστε τη νέα τιμή και αποθηκεύεται αμέσως στο cookie store του browser. Δεν χρειάζεται να διαγράψετε και να αναδημιουργήσετε το cookie — απλά αλλάξτε την τιμή απευθείας.
Κάντε κλικ στο «Προσθήκη» για να δημιουργήσετε νέο cookie με προσαρμοσμένο όνομα, τιμή, ημερομηνία λήξης, path και domain. Ορίστε σημαίες Secure, HttpOnly και SameSite. Το cookie δημιουργείται αμέσως στο cookie store του browser.
Διαγράψτε ένα μόνο cookie κάνοντας κλικ στο κουμπί διαγραφής του ή «Διαγραφή Όλων» για εκκαθάριση κάθε cookie για το τρέχον domain. Χρήσιμο για δοκιμή κατάστασης αποσύνδεσης ή consent flows.
Οπτικά σήματα υποδεικνύουν σημαίες ασφαλείας: S (Secure — μόνο HTTPS), H (HttpOnly — μη προσβάσιμο μέσω JavaScript), τιμή SameSite (Strict, Lax, None). Επαληθεύστε με μια ματιά ότι τα ευαίσθητα cookies έχουν κατάλληλη προστασία.
Η στήλη Λήξης διακρίνει ξεκάθαρα cookies session (διαγράφονται όταν κλείνει ο browser) από persistent cookies (εμφανίζεται η πραγματική ημερομηνία και ώρα λήξης). Καμία αμφιβολία για τον χρόνο ζωής cookie.
Επιθεωρήστε session cookies για να επαληθεύσετε ότι ορίζονται σωστά μετά τη σύνδεση. Επεξεργαστείτε το session token για δοκιμή χειρισμού ληγμένων ή μη έγκυρων sessions. Διαγράψτε το session cookie για δοκιμή της εμπειρίας αποσύνδεσης.
Διαγράψτε το consent cookie για επανενεργοποίηση του banner cookie consent. Επεξεργαστείτε τιμές consent για δοκιμή διαφορετικών καταστάσεων consent (πλήρης αποδοχή, μερική αποδοχή, πλήρης απόρριψη).
Ελέγξτε ότι τα cookies αυθεντικοποίησης έχουν HttpOnly (αποτροπή κλοπής XSS), Secure (μόνο HTTPS) και SameSite=Strict ή Lax (αποτροπή CSRF). Οι ελλείπουσες σημαίες είναι αμέσως ορατές στον πίνακα.
Προσθέστε cookies για προσομοίωση καταστάσεων σύνδεσης, παραλλαγών A/B test, εκχωρήσεων feature flags ή προτιμήσεων locale χωρίς να διέλθετε από τις κανονικές ροές χρηστών.
Επεξεργαστείτε τη λήξη ενός cookie σε ημερομηνία στο παρελθόν και επαναφορτώστε για να δοκιμάσετε πώς χειρίζεται ο ιστότοπος τα ληγμένα cookies. Ή αλλάξτε ένα session cookie σε persistent για δοκιμή συμπεριφοράς επιμονής.
Ανοίξτε το popup του DevSuite Pro και κάντε κλικ στο εικονίδιο Cookie Editor. Όλα τα cookies για το τρέχον domain φορτώνονται στον πίνακα.
Κάντε κύλιση στον πίνακα cookies. Κάντε κλικ στις κεφαλίδες στηλών για ταξινόμηση κατά όνομα, τιμή ή λήξη. Τα σήματα σημαιών ασφαλείας δείχνουν ποια cookies είναι Secure και HttpOnly.
Κάντε κλικ σε οποιοδήποτε κελί τιμής για inline επεξεργασία. Πληκτρολογήστε τη νέα τιμή — αποθηκεύεται αμέσως στο cookie store. Η σελίδα μπορεί να χρειαστεί επαναφόρτωση για να αντικατοπτρίσει την αλλαγή.
Κάντε κλικ στο «Προσθήκη» για να δημιουργήσετε νέο cookie με πλήρη έλεγχο παραμέτρων. Κάντε κλικ στο εικονίδιο διαγραφής σε οποιαδήποτε γραμμή για κατάργηση αυτού του cookie. «Διαγραφή Όλων» εκκαθαρίζει τα πάντα.
Μετά την επεξεργασία cookies, ανανεώστε τη σελίδα για να δείτε πώς επηρεάζουν οι αλλαγές τον ιστότοπο — κατάσταση σύνδεσης, προτιμήσεις, consent banners κ.λπ.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 39+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
