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

Sofia Emelianova
Sofia Emelianova

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

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

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

แผงคุกกี้

ช่อง

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

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

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

กรองคุกกี้

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

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

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

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

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

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

แก้ไขคุกกี้

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

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

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

DevTools จะไฮไลต์คุกกี้ที่มีค่าฟิลด์ไม่ถูกต้องเป็นสีแดง

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

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

ลบคุกกี้

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

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

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

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

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

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

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

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

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

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

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