Melihat, menambahkan, mengedit, dan menghapus cookie

Kayce Basques
Kayce Basques
X GitHub
Sofia Emelianova
Sofia Emelianova
GitHub

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

Membuka panel Cookie

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

Panel Cookie.

Kolom

Tabel Cookies berisi kolom berikut:

  • Name. Nama cookie.
  • Value. Nilai cookie.
  • Domain. Host yang diizinkan menerima cookie.
  • Path. URL yang harus ada di URL yang diminta untuk mengirim header Cookie.
  • Expires / Max-Age. Tanggal habis masa berlaku atau usia maksimum cookie. Untuk cookie sesi, nilai ini selalu Session.
  • Size. Ukuran cookie, dalam byte.
  • HttpOnly. Jika benar (true), kolom ini menunjukkan bahwa cookie hanya boleh digunakan melalui HTTP, dan modifikasi JavaScript tidak diizinkan.
  • Secure. Jika benar (true), 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.
  • Partition Key. Untuk cookie dengan status partisi independen, kunci partisi adalah situs URL tingkat atas yang dikunjungi browser pada awal permintaan ke endpoint yang menetapkan cookie.
  • Priority. Berisi Low, Medium (default), atau High jika menggunakan atribut cookie Prioritas yang tidak digunakan lagi.

Untuk melihat nilai cookie, pilih cookie tersebut di tabel. Untuk melihat nilai tanpa encoding persen, centang Show URL-decoded.

Memfilter cookie

Gunakan kotak Filter untuk memfilter cookie berdasarkan Name atau Value.

Memfilter cookie yang tidak berisi 'id'.

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

Untuk menambahkan cookie arbitrer:

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

DevTools akan otomatis mengisi kolom wajib diisi lainnya. Anda dapat mengeditnya seperti yang dijelaskan berikutnya.

Mengedit cookie

Semua kolom dapat diedit kecuali Size yang otomatis diperbarui.

Klik dua kali kolom untuk mengeditnya.

Menetapkan nama cookie ke 'DEVTOOLS!'

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

Cookie dengan nilai Kunci Partisi yang tidak valid.

Untuk memfilter cookie yang valid, centang Only show cookies with an issue di panel tindakan atas.

Menghapus cookie

Untuk menghapus cookie, pilih cookie tersebut, lalu klik Delete selected di panel tindakan atas.

Menghapus cookie yang dipilih.

Klik Clear all untuk menghapus semua cookie.

Menghapus semua cookie.

Mengidentifikasi dan memeriksa cookie pihak ketiga

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

DevTools mencantumkan cookie tersebut di Application > Storage > Cookies dan menampilkan ikon peringatan di sampingnya. Arahkan kursor ke ikon untuk melihat tooltip dan klik ikon tersebut untuk membuka panel Issues guna mendapatkan informasi selengkapnya.

Cookie dengan atribut SameSite=None di bagian Penyimpanan.

Anda juga dapat menemukan cookie pihak ketiga di Network > klik permintaan > Cookies.

Cookie dengan atribut SameSite=None di panel Jaringan.

Panel Network menandai cookie yang bermasalah dan menampilkan ikon peringatan di samping cookie yang terpengaruh jika cookie pihak ketiga tidak tersedia.