Çerezler
Çerez, tarayıcının eşleşen site isteklerine ekleyebileceği küçük metindir. Sayfa theme=dark yazar ve theme / dark gösterir; JavaScript'in okuyabildiği çereze parola ya da erişim belirteci koymayın.
Web storage değildir
localStorage önceki derste saved / lida / tea tutuyordu. Çerez uygun site ve yola gider, her siteye gitmez. document.cookie noktalı virgüllü dizedir, nesne değildir.
Tercih
Path=/, theme değerini site yollarında kullanılabilir yapar. SameSite=Lax siteler arası durumları sınırlar; Secure yalnız HTTPS ile gönderir.
document.cookie = "theme=dark; Path=/; SameSite=Lax; Secure";
console.log(document.cookie);
Dize birden çok çift içerebilir; tüm metni theme=dark ile karşılaştırmayın.
Ad okumak
; ile bölün, ardından = olan adı bulun ve değere decodeURIComponent uygulayın.
function readCookie(name) {
const start = name + "=";
const pair = document.cookie
.split("; ")
.find((part) => part.startsWith(start));
return pair ? decodeURIComponent(pair.slice(start.length)) : null;
}
console.log(readCookie("theme"));
console.log(readCookie("drink"));
Sonuçlar dark ve sonra null olur. drink yazılmadı; eksik ad hata vermez.
Kodlama
; ve = çerez sözdizimidir. tea / regular yazılmadan önce encodeURIComponent kullanın.
Okuma tea / regular döndürür; ham noktalı virgül yeni bölüm başlatır.
📊 Cookie and localStorage
| Bedarf | Cookie | localStorage |
|---|---|---|
| Bei passenden Anfragen | oft ja | nein |
| Für Seiten-JavaScript lesbar | außer HttpOnly | ja |
| Kleine Präferenz | möglich | meist einfacher |
| Sensible Sitzungs-ID | Server: HttpOnly + Secure | nicht hier speichern |
Seçim
Çerez de localStorage da sayfada çalışan JavaScript'e karşı sırrı korumaz.
HttpOnly JavaScript ile ayarlanamaz veya okunamaz; sunucu bunu Set-Cookie ile gönderir.
<!DOCTYPE html>
<html>
<body>
<p id="line">…</p>
<script>
document.cookie = "theme=dark; Path=/; SameSite=Lax; Secure";
function readCookie(name) {
const start = name + "=";
const pair = document.cookie.split("; ")
.find((part) => part.startsWith(start));
return pair ? decodeURIComponent(pair.slice(start.length)) : null;
}
document.querySelector("#line").textContent =
"theme / " + readCookie("theme");
</script>
</body>
</html>
Satır
Sayfa dark kaydeder, theme okur ve metni kurar.
Satır theme / dark olur. Normal HTTP'de Secure reddedilebilir; canlı site HTTPS kullanır.
Alıştırma
Path=/ ile theme yazın, drink okuyun, tea / regular kodlayın, HttpOnly Secure SameSite sayın ve satırı okuyun.
Hatalar ve özet
Çerezi nesne ya da kasa saymayın. Hassas oturum kimliğini sunucu HttpOnly, Secure ve SameSite ile ayarlar.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek