Melihat, menambahkan, mengedit, dan menghapus cookie

Kayce Basques

Sofia Emelianova

Perhatian: Situs Anda mungkin menggunakan cookie pihak ketiga dan kini saatnya mengambil tindakan saat kami mendekati penghentian cookie tersebut.
Untuk mempelajari apa yang harus dilakukan terkait cookie pihak ketiga, lihat Mempersiapkan akhir cookie pihak ketiga.
Untuk mempelajari cara menemukan cookie tersebut di DevTools, lihat Mengidentifikasi dan memeriksa cookie pihak ketiga.

Cookie HTTP terutama digunakan untuk mengelola sesi pengguna, menyimpan preferensi personalisasi pengguna, dan melacak perilaku pengguna. Tag ini juga merupakan penyebab dari semua formulir izin "halaman ini menggunakan cookie" yang mengganggu yang Anda lihat di seluruh web. Panduan ini menunjukkan cara melihat, menambahkan, mengedit, dan menghapus cookie halaman dengan Chrome DevTools.

Buka panel Cookie

1. Buka Chrome DevTools.
2. Buka Application > Storage > Cookies dan pilih origin.

Kolom

Tabel Cookies berisi kolom berikut:

• Nama. Nama cookie.
• Nilai. Nilai cookie.
• Domain. Host yang diizinkan untuk menerima cookie.
• Jalur. URL yang harus ada di URL yang diminta agar bisa mengirimkan header Cookie.
• Berakhir / Usia Maksimal. Tanggal habis masa berlaku atau usia maksimum cookie. Untuk cookie sesi, nilai ini selalu Session.
• Size. Ukuran cookie, dalam byte.
• HttpOnly. Jika true (benar), kolom ini menunjukkan bahwa cookie hanya boleh digunakan melalui HTTP, dan perubahan JavaScript tidak diizinkan.
• Aman. Jika true (benar), kolom ini menunjukkan bahwa cookie hanya dapat dikirim ke server melalui koneksi HTTPS yang aman.
• SameSite. Berisi Strict atau Lax jika cookie menggunakan atribut SameSite eksperimental.
• Kunci Partisi. Untuk cookie dengan status partisi independen, kunci partisi adalah situs URL level teratas yang dikunjungi browser pada awal permintaan ke endpoint yang menetapkan cookie.
• Prioritas. Berisi Low, Medium (default), atau High jika menggunakan atribut Prioritas cookie yang tidak digunakan lagi.

Untuk melihat nilai cookie, pilih nilai tersebut di tabel. Untuk melihat nilai tanpa encoding persen, centang Tampilkan yang didekode URL.

Filter cookie

Gunakan kotak Filter untuk memfilter cookie menurut Nama atau Nilai.

Pemfilteran menurut kolom lain tidak didukung. Filter tidak peka huruf besar/kecil.

Menambahkan cookie

Untuk menambahkan cookie arbitrer:

1. Klik dua kali baris kosong di tabel.
2. Masukkan Nama dan Nilai, lalu tekan Enter.

DevTools otomatis mengisi kolom lain yang diperlukan. Anda dapat mengeditnya seperti yang dijelaskan berikutnya.

Mengedit cookie

Semua kolom dapat diedit, kecuali Size yang diperbarui secara otomatis.

Klik kolom dua kali untuk mengeditnya.

DevTools menandai cookie dengan nilai kolom berwarna merah yang tidak valid.

Untuk memfilter cookie yang valid, centang Hanya tampilkan cookie yang bermasalah di panel tindakan atas.

Menghapus cookie

Untuk menghapus cookie, pilih cookie tersebut, lalu klik Hapus yang dipilih di panel tindakan atas.

Klik Hapus semua untuk menghapus semua cookie.

Mengidentifikasi dan memeriksa cookie pihak ketiga

Cookie pihak ketiga adalah cookie yang disetel oleh situs yang berbeda dengan halaman tingkat atas saat ini. Cookie pihak ketiga memiliki atribut SameSite=None.

DevTools mencantumkan cookie tersebut di Aplikasi > Penyimpanan > Cookie dan menampilkan ikon peringatan peringatan di sampingnya. Arahkan kursor ke ikon untuk melihat tooltip, lalu klik untuk membuka panel Masalah guna mengetahui informasi selengkapnya.

Anda juga dapat menemukan cookie pihak ketiga di Jaringan > klik permintaan > Cookie.

Panel Jaringan menandai cookie yang bermasalah dan menampilkan ikon peringatan peringatan di samping cookie yang terpengaruh oleh penghapusan cookie pihak ketiga.