
ข้อมูลเบื้องต้นเกี่ยวกับคุกกี้
คำแนะนำ เดโม และเครื่องมือที่จะช่วยให้คุณเข้าใจวิธีการทํางานของคุกกี้
คุกกี้คืออะไร
ทําความเข้าใจคุกกี้ HTTP: วิธีที่เว็บเซิร์ฟเวอร์ตั้งค่าคุกกี้ จากนั้นเว็บเบราว์เซอร์จัดเก็บและส่งคุกกี้
คุกกี้ของบุคคลที่สาม
คุกกี้ของบุคคลที่สามมาจากเว็บไซต์ที่แตกต่างจากเว็บไซต์ที่คุณกําลังเข้าชม การเปลี่ยนแปลงนี้ส่งผลอย่างไร
การบล็อกคุกกี้
คุกกี้อาจถูกบล็อกโดยการออกแบบเบราว์เซอร์ นโยบายขององค์กร หรือตัวเลือกของผู้ใช้ บทความนี้อธิบายเกี่ยวกับหัวข้อต่อไปนี้
เครื่องมือคุกกี้
เครื่องมือของ Chrome ที่ช่วยให้คุณเข้าใจการใช้คุกกี้ในเว็บไซต์
เจาะลึก
แอตทริบิวต์คุกกี้
คุกกี้อาจมีแอตทริบิวต์เพื่อควบคุมว่ามีการตั้งค่าหรือไม่ และหมดอายุเมื่อใด
คำขอและการตอบกลับ HTTP
เว็บใช้โปรโตคอล HTTP เพื่อโอนทรัพยากรและตั้งค่าคุกกี้ ปุ่มนี้ทำงานอย่างไร
การสาธิตคุกกี้
คุกกี้ของบุคคลที่หนึ่ง คุกกี้ของบุคคลที่สาม การติดตามข้ามเว็บไซต์
เดโมคุกกี้พื้นฐาน
เดโมคุกกี้ของบุคคลที่หนึ่ง
ระบบจะตั้งค่าคุกกี้เพื่อตอบสนองคําขอรูปภาพและ iframe ในหน้าเดโม
👉 1pc.glitch.me
👉 1pc.glitch.me
เดโมคุกกี้ของบุคคลที่สาม
หน้าเดโมมีรูปภาพและ iframe จากเว็บไซต์อื่น (บุคคลที่สาม)
👉 3pc.glitch.me
👉 3pc.glitch.me
ตัวอย่างคุกกี้ JavaScript
JavaScript ที่รวมอยู่ในหน้านี้จะตั้งค่าคุกกี้
👉 javascript-cookie.glitch.me
👉 javascript-cookie.glitch.me
เดโมคุกกี้ SameSite
ทั้ง 2 เว็บไซต์ตั้งค่าคุกกี้เพื่อตอบสนองคำขอโดยใช้ค่า SameSite เริ่มต้นเป็น Lax
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
การสาธิตการติดตามด้วยคุกกี้
การสาธิตการติดตามด้วยคุกกี้ข้ามเว็บไซต์
ตัวอย่างพิกเซลการติดตาม
ทั้ง 2 หน้ามีรูปภาพขนาด 1 พิกเซล ซึ่งช่วยให้คุกกี้ติดตามกิจกรรมในเว็บไซต์ที่มีรูปภาพได้
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
การสาธิตการดึงข้อมูลคุกกี้
JavaScript ที่รวมอยู่ในหน้านี้ทําการเรียก fetch() แบบข้ามเว็บไซต์ ซึ่งจะตั้งค่าคุกกี้ในการตอบกลับ
👉 fetch-cookie.glitch.me
👉 fetch-cookie.glitch.me