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

Sofia Emelianova
Sofia Emelianova

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

เปิดแผงคุกกี้

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

แผงคุกกี้

ช่อง

ตาราง Cookies มีฟิลด์ต่อไปนี้

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

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

กรองคุกกี้

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

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

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

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

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

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

แก้ไขคุกกี้

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

ดับเบิลคลิกฟิลด์เพื่อแก้ไข

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

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

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

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

ลบคุกกี้

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

การลบคุกกี้ที่เลือก

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

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

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

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

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

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

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

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

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