ดู เพิ่ม แก้ไข และลบคุกกี้

Sofia Emelianova
Sofia Emelianova

คุกกี้ HTTP โดยส่วนใหญ่จะใช้เพื่อจัดการเซสชันของผู้ใช้ จัดเก็บค่ากำหนดการปรับโฆษณาตามโปรไฟล์ของผู้ใช้ และติดตามพฤติกรรมของผู้ใช้ แต่ยังเป็นสาเหตุของ "หน้านี้ใช้คุกกี้" ที่น่ารำคาญ แบบฟอร์มความยินยอมที่คุณเห็นในเว็บ คู่มือนี้จะสอนวิธีดู เพิ่ม แก้ไข และลบ คุกกี้ของหน้าเว็บด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

เปิดหน้าต่างคุกกี้

  1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
  2. เปิดแอปพลิเคชัน > พื้นที่เก็บข้อมูล > คุกกี้และเลือกต้นทาง

แผงคุกกี้

ช่อง

ตารางคุกกี้จะมีช่องต่อไปนี้

  • ชื่อ ชื่อของคุกกี้
  • มูลค่า ค่าของคุกกี้
  • โดเมน โฮสต์ที่ได้รับอนุญาตให้รับคุกกี้
  • เส้นทาง URL ที่ต้องอยู่ใน URL ที่ขอเพื่อส่งส่วนหัว Cookie
  • วันที่หมดอายุ / Max-Age วันที่หมดอายุหรืออายุสูงสุดของคุกกี้ สำหรับคุกกี้เซสชัน ค่านี้จะเป็น Session เสมอ
  • ขนาด ขนาดของคุกกี้ในหน่วยไบต์
  • HttpOnly. หากเป็น "จริง" ช่องนี้ระบุว่าควรใช้คุกกี้ผ่าน HTTP เท่านั้น และ ไม่อนุญาตให้แก้ไข JavaScript
  • ปลอดภัย หากจริง ฟิลด์นี้ระบุว่า คุกกี้จะสามารถส่งไปยังเซิร์ฟเวอร์ผ่านทาง ผ่านการเชื่อมต่อ HTTPS ที่ปลอดภัย
  • SameSite มี Strict หรือ Lax หากคุกกี้กำลังใช้ SameSite แบบทดลอง
  • คีย์พาร์ติชัน สำหรับคุกกี้ที่มีสถานะพาร์ติชันอิสระ คีย์พาร์ติชันคือเว็บไซต์ของ URL ระดับบนสุดที่เบราว์เซอร์เข้าชมในตอนต้นของคำขอที่ส่งไปยังปลายทางที่ตั้งค่าคุกกี้
  • ลำดับความสำคัญ มี Low, Medium (ค่าเริ่มต้น) หรือ High หากใช้คุกกี้ที่เลิกใช้งานแล้ว ลำดับความสำคัญ

หากต้องการดูค่าของคุกกี้ ให้เลือกค่านั้นในตาราง หากต้องการดูค่าโดยไม่มีการเข้ารหัสเปอร์เซ็นต์ ให้เลือก แสดง URL ที่ถอดรหัสแล้ว

กรองคุกกี้

ใช้ช่องตัวกรองเพื่อกรองคุกกี้ตามชื่อหรือค่า

กรองคุกกี้ที่ไม่มี "id" ออก

ไม่รองรับการกรองตามช่องอื่น ตัวกรองไม่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

วิธีเพิ่มคุกกี้ที่กำหนดเอง

  1. ดับเบิลคลิกแถวว่างในตาราง
  2. ป้อนชื่อและค่า แล้วกด Enter

เครื่องมือสำหรับนักพัฒนาเว็บจะป้อนข้อมูลในช่องอื่นๆ ที่จำเป็นโดยอัตโนมัติ คุณจะแก้ไขข้อมูลดังกล่าวได้ตามที่อธิบายไว้ถัดไป

แก้ไขคุกกี้

ทุกช่องจะแก้ไขได้ยกเว้นขนาดที่อัปเดตโดยอัตโนมัติ

ดับเบิลคลิกที่ช่องใดช่องหนึ่งเพื่อแก้ไข

การตั้งชื่อคุกกี้เป็น 'DEVTOOLS!'

เครื่องมือสำหรับนักพัฒนาเว็บจะไฮไลต์คุกกี้ที่มีค่าช่องที่ไม่ถูกต้องเป็นสีแดง

คุกกี้ที่มีค่าคีย์พาร์ติชันไม่ถูกต้อง

หากต้องการกรองคุกกี้ที่ถูกต้องออก ให้เลือก แสดงเฉพาะคุกกี้ที่มีปัญหาในแถบการดำเนินการด้านบน

ลบคุกกี้

หากต้องการลบคุกกี้ ให้เลือกคุกกี้นั้นแล้วคลิก ลบรายการที่เลือกไว้ในแถบการดำเนินการด้านบน

กำลังลบคุกกี้ที่เลือก

คลิก ล้างทั้งหมด เพื่อลบคุกกี้ทั้งหมด

กำลังล้างคุกกี้ทั้งหมด

ระบุและตรวจสอบคุกกี้ของบุคคลที่สาม

คุกกี้ของบุคคลที่สามคือคุกกี้ที่กำหนดโดยเว็บไซต์ที่แตกต่างจากหน้าระดับบนสุดปัจจุบัน คุกกี้ของบุคคลที่สามมีแอตทริบิวต์ SameSite=None

เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงรายการคุกกี้ดังกล่าวในแอปพลิเคชัน > พื้นที่เก็บข้อมูล > คุกกี้และแสดงไอคอนคำเตือนอยู่ด้านข้าง วางเมาส์เหนือไอคอนเพื่อดูเคล็ดลับเครื่องมือ แล้วคลิกเพื่อไปยังแผงปัญหาสำหรับข้อมูลเพิ่มเติม

คุกกี้ที่มีแอตทริบิวต์ SameSite=None ในส่วนพื้นที่เก็บข้อมูล

คุณยังค้นหาคุกกี้ของบุคคลที่สามได้ในเครือข่าย > คลิกคำขอ > คุกกี้

คุกกี้ที่มีแอตทริบิวต์ SameSite=None ในแผงเครือข่าย

แผงเครือข่ายจะไฮไลต์คุกกี้ที่มีปัญหา และแสดงไอคอนคำเตือนข้างคุกกี้ที่ได้รับผลกระทบจากการเลิกใช้งานคุกกี้ของบุคคลที่สาม