คุกกี้ HTTP โดยหลักๆ แล้วจะใช้เพื่อจัดการเซสชันของผู้ใช้ จัดเก็บค่ากำหนดการปรับเปลี่ยนในแบบของผู้ใช้ และติดตามพฤติกรรมของผู้ใช้ นอกจากนี้ คุกกี้ยังเป็นสาเหตุของแบบฟอร์มขอความยินยอม "หน้านี้ใช้คุกกี้" ที่น่ารำคาญซึ่งคุณเห็นทั่วทั้งเว็บด้วย คู่มือนี้จะสอนวิธีดู เพิ่ม แก้ไข และลบคุกกี้ของหน้าเว็บด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
เปิดแผงคุกกี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
- เปิดแอปพลิเคชัน > พื้นที่เก็บข้อมูล > คุกกี้ แล้วเลือกต้นทาง
ช่อง
ตารางคุกกี้ มีช่องต่อไปนี้
- ชื่อ ชื่อของคุกกี้
- ค่า ค่าของคุกกี้
- โดเมน โฮสต์ที่ได้รับอนุญาตให้รับคุกกี้
- เส้นทาง URL ที่ต้องอยู่ใน URL ที่ขอเพื่อส่งส่วนหัว
Cookie - หมดอายุ / อายุสูงสุด วันที่หมดอายุหรืออายุสูงสุดของคุกกี้
สำหรับ คุกกี้เซสชัน ค่านี้จะเป็น
Sessionเสมอ - ขนาด ขนาดของคุกกี้ในหน่วยไบต์
- HttpOnly หากเป็นจริง ช่องนี้จะระบุว่าควรใช้คุกกี้ผ่าน HTTP เท่านั้น และไม่อนุญาตให้แก้ไขด้วย JavaScript
- ปลอดภัย หากเป็นจริง ช่องนี้จะระบุว่าคุกกี้จะส่งไปยังเซิร์ฟเวอร์ได้ผ่านการเชื่อมต่อ HTTPS ที่ปลอดภัยเท่านั้น
- SameSite มี
StrictหรือLaxหากคุกกี้ใช้แอตทริบิวต์SameSiteที่อยู่ระหว่างการทดลอง - คีย์พาร์ติชัน สำหรับคุกกี้ที่มีสถานะพาร์ติชันอิสระ คีย์พาร์ติชันคือเว็บไซต์ของ URL ระดับบนสุดที่เบราว์เซอร์เข้าชมเมื่อเริ่มต้นคำขอไปยังปลายทางที่ตั้งค่าคุกกี้
- รายการสำคัญ มี
LowMedium(ค่าเริ่มต้น) หรือHighหากใช้แอตทริบิวต์ cookie Priority ที่เลิกใช้งานแล้ว
หากต้องการดูค่าของคุกกี้ ให้เลือกคุกกี้ในตาราง หากต้องการดูค่าโดยไม่มีการเข้ารหัสเปอร์เซ็นต์ ให้เลือก แสดง URL ที่ถอดรหัสแล้ว
กรองคุกกี้
ใช้ช่องตัวกรอง เพื่อกรองคุกกี้ตามชื่อ หรือค่า
ระบบไม่รองรับการกรองตามช่องอื่นๆ ตัวกรองจะไม่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
เพิ่มคุกกี้
วิธีเพิ่มคุกกี้ที่กำหนดเอง
- ดับเบิลคลิกแถวว่างในตาราง
- ป้อนชื่อ และค่า แล้วกด Enter
DevTools จะกรอกข้อมูลในช่องอื่นๆ ที่ต้องกรอกโดยอัตโนมัติ คุณสามารถแก้ไขช่องเหล่านั้นได้ตามที่อธิบายไว้ในส่วนถัดไป
แก้ไขคุกกี้
คุณแก้ไขช่องทั้งหมดได้ ยกเว้นช่องขนาด ซึ่งจะอัปเดตโดยอัตโนมัติ
ดับเบิลคลิกช่องเพื่อแก้ไข
DevTools จะไฮไลต์คุกกี้ที่มีค่าช่อง field ไม่ถูกต้องเป็นสีแดง
หากต้องการกรองคุกกี้ที่ถูกต้องออก ให้เลือก แสดงเฉพาะคุกกี้ที่มีปัญหา ในแถบการดำเนินการด้านบน
ลบคุกกี้
หากต้องการลบคุกกี้ ให้เลือกคุกกี้แล้วคลิก ลบที่เลือก ในแถบการดำเนินการด้านบน
คลิก ล้างทั้งหมด เพื่อลบคุกกี้ทั้งหมด
ระบุและตรวจสอบคุกกี้ของบุคคลที่สาม
คุกกี้ของบุคคลที่สามคือคุกกี้ที่เว็บไซต์อื่นที่ไม่ใช่หน้าเว็บระดับบนสุดปัจจุบันตั้งค่าไว้ คุกกี้ของบุคคลที่สามมีแอตทริบิวต์ SameSite=None
DevTools จะแสดงคุกกี้ดังกล่าวในแอปพลิเคชัน > พื้นที่เก็บข้อมูล > คุกกี้ และแสดงไอคอนคำเตือน ข้างคุกกี้เหล่านั้น วางเมาส์เหนือไอคอนเพื่อดูคำแนะนำเครื่องมือ แล้วคลิกไอคอนเพื่อไปที่แผงปัญหา เพื่อดูข้อมูลเพิ่มเติม
นอกจากนี้ คุณยังดูคุกกี้ของบุคคลที่สามได้ในเครือข่าย > คลิกคำขอ > คุกกี้
แผงเครือข่าย จะไฮไลต์คุกกี้ที่มีปัญหา และแสดงไอคอนคำเตือน ข้างคุกกี้ที่ได้รับผลกระทบในกรณีที่ไม่มีคุกกี้ของบุคคลที่สาม