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