دموهای زیر نشان می دهد که مرورگر چگونه با کوکی ها رفتار می کند:
- کوکی های شخص اول : توسط سایتی که بازدید می کنید تنظیم می شود.
- کوکی های شخص ثالث : توسط سایت دیگری تنظیم شده است.
نسخه ی نمایشی کوکی شخص اول
👉 نسخه ی نمایشی: 1pc.glitch.me
صفحه نمایشی شامل یک تصویر و یک iframe از همان سایت صفحه سطح بالا است.
سرصفحه Set-Cookie
همراه با پاسخ به درخواستها برای تصویر و iframe گنجانده شده است، اما هدرهای Set-Cookie
دارای مقادیر Path
و Max-Age
متفاوتی هستند.

نسخه ی نمایشی کوکی شخص ثالث
👉 نسخه ی نمایشی: 3pc.glitch.me
تصویر و iframe در صفحه نمایشی از یک سایت متفاوت است: 3p-site.glitch.me .
یک هدر Set-Cookie
همراه با پاسخ به درخواست هم برای تصویر و هم برای iframe گنجانده شده است. با این حال، هدر پاسخ Set-Cookie
برای تصویر و iframe هر کدام یک مقدار SameSite
متفاوت دارند و این بر نحوه مدیریت آنها توسط مرورگر تأثیر میگذارد.
این نسخه نمایشی نشان میدهد که چگونه ممکن است کوکیهای شخص ثالث توسط محدودیتهای مرورگر، تنظیمات کاربر، پرچمهای توسعهدهنده یا خطمشی سازمانی مسدود شوند.
بیشتر بدانید:

نسخه ی نمایشی کوکی جاوا اسکریپت
👉 نسخه ی نمایشی: javascript-cookie.glitch.me
جاوا اسکریپت موجود در صفحه نمایشی یک کوکی را تنظیم می کند:
document.cookie = 'cat=tabby';
پس از تنظیم، کوکی با درخواست های منابع در javascript-cookie.glitch.me گنجانده می شود. این یک کوکی شخص اول در نظر گرفته می شود زیرا توسط سایتی که شما بازدید می کنید تنظیم می شود. اگر همان جاوا اسکریپت در یک iframe بین سایتی فراخوانی شود، مرورگر با آن به عنوان یک کوکی شخص ثالث برخورد می کند.

نسخه ی نمایشی کوکی SameSite
این نسخه آزمایشی از دو صفحه وب تشکیل شده است که هر کدام در یک سایت متفاوت هستند
👉 samesite-a.glitch.me
👉 samesite-b.glitch.me
هر یک از این صفحات شامل:
- تصویری از سایت دیگر
- یک لینک به سایت دیگر
هر دو سایت با استفاده از مقدار پیشفرض SameSite
Lax
یک کوکی در پاسخ به درخواستها تنظیم میکنند.
SameSite=Lax
اجازه میدهد تا کوکیها در پاسخ به درخواستهای پیمایش بین سایتی (به دنبال پیوند) تنظیم شوند، اما در سایر درخواستهای بین سایتی (مانند بارگیری یک تصویر) تنظیم نمیشوند.
از صفحات نمایشی دیدن کنید تا ببینید چگونه کوکیهای SameSite=Lax
توسط مرورگر، هنگام دنبال کردن یک پیوند و هنگام بارگیری یک تصویر، به طور متفاوتی مدیریت میشوند.

نسخه نمایشی ردیابی کوکی بین سایتی
این دمو از دو سایت تشکیل شده است:
👉 example-a.glitch.me
👉 example-b.glitch.me
صفحات اصلی در example-a.glitch.me و example-b.glitch.me هر دو شامل یک iframe از tracker-site.glitch.me هستند که از یک کوکی برای ردیابی فعالیت مرور در صفحاتی که iframe در آن جاسازی شده است استفاده می کند.
همانطور که بین example-a.glitch.me و example-b.glitch.me حرکت می کنید، محتوای ردیاب iframe به روز می شود تا نشان دهد tracker-site.glitch.me فعالیت شما را در این دو سایت ردیابی می کند. (در هیچ سایت دیگری تعبیه نشده است.)
این نسخه نمایشی نشان می دهد که چگونه یک ردیاب می تواند از کوکی ها برای ثبت فعالیت شما در سایت های مختلف استفاده کند.

ردیابی نسخه نمایشی پیکسل
این دمو از دو سایت تشکیل شده است:
👉 tracking-pixel-a.glitch.me
👉 tracking-pixel-b.glitch.me
هر دو شامل یک تصویر تک پیکسلی از tracking-pixel-server.glitch.me هستند که به شما امکان می دهد از یک کوکی برای ردیابی فعالیت شما در سایت هایی که شامل تصویر هستند استفاده کنید.
هر دو صفحه همچنین دارای یک iframe از tracking-pixel-server.glitch.me هستند که بازدیدهای صفحه ثبت شده برای صفحاتی که شامل پیکسل ردیابی هستند را نشان می دهد.
این نسخه نمایشی نشان میدهد که چگونه میتوان از یک پیکسل ردیابی با کوکیها برای ثبت فعالیت شما در چندین سایت استفاده کرد.

واکشی نسخه نمایشی کوکی
👉 نسخه نمایشی: fetch-cookie.glitch.me
جاوا اسکریپت گنجانده شده در این صفحه، یک تماس بین سایتی fetch()
با 3p-site.glitch.me/fetch
ایجاد می کند که در پاسخ یک کوکی fetch=true
تنظیم می کند.
