
Cookie 基本概念
指南、示範和工具,協助您瞭解 Cookie 的運作方式。
什麼是 Cookie?
瞭解 HTTP Cookie:網路伺服器如何設定 Cookie,然後由網路瀏覽器儲存及傳送。
第三方 Cookie
第三方 Cookie 來自您造訪的網站以外的網站。實務上該怎麼做呢?
深入分析
Cookie 屬性
Cookie 可包含屬性,用於控制是否設定 Cookie,以及 Cookie 的到期時間。
HTTP 要求和回應
網路會使用 HTTP 通訊協定傳輸資源和設定 Cookie。運作方式為何?
Cookie 示範
第一方 Cookie、第三方 Cookie、跨網站追蹤。
基本 Cookie
示範
第一方 Cookie 示範
系統會在回應示範頁面上圖片和 iframe 的請求時設定 Cookie。
👉? 1pc.glitch.me
👉? 1pc.glitch.me
第三方 Cookie 示範
示範頁面包含來自其他 (第三方) 網站的圖片和 iframe。
👉? 3pc.glitch.me
👉? 3pc.glitch.me
JavaScript Cookie 示範
本頁面所含的 JavaScript 會設定 Cookie。
👉? javascript-cookie.glitch.me
👉? javascript-cookie.glitch.me
SameSite Cookie 示範
Cookie 追蹤
示範影片
跨網站 Cookie 追蹤示範
追蹤像素示範
擷取 Cookie 示範
這個頁面所含的 JavaScript 會發出跨網站 fetch() 呼叫,並在回應中設定 Cookie。
👉? fetch-cookie.glitch.me
👉? fetch-cookie.glitch.me