JavaScript - Web Storage

JavaScript - Web Storage (تخزين الويب)

🔸 Web Storage هي ميزة في HTML5 تسمح بتخزين البيانات داخل متصفح المستخدم محليًا. وتتكون من نوعين رئيسيين:

• localStorage: لتخزين البيانات بشكل دائم (تبقى حتى بعد إغلاق المتصفح).
• sessionStorage: لتخزين البيانات مؤقتًا (تنتهي عند إغلاق النافذة أو التبويب).

---

🔹 الفرق بين Web Storage وملفات الكوكيز (Cookies)

• Web Storage لا يُرسل تلقائيًا إلى السيرفر مع كل طلب كما تفعل الكوكيز.
• أكثر أمانًا وسرعةً وسعة التخزين فيه أكبر.
• يُستخدم لتخزين بيانات مثل تفضيلات المستخدم أو معلومات النموذج أو حالة الدخول.

---

🔹 التحقق من دعم Web Storage

if (typeof(Storage) !== "undefined") {
  // Web Storage مدعوم
} else {
  // غير مدعوم
}

---

📌 متى أستخدم localStorage ومتى sessionStorage؟

• localStorage: عند الحاجة لتخزين بيانات طويلة الأمد (مثل تفضيلات اللغة).
• sessionStorage: عند الحاجة لتخزين بيانات خاصة بالجلسة الحالية فقط (مثل حالة صفحة معينة).

---

⚠️ ملاحظات مهمة

• Web Storage يخزن البيانات على شكل key/value.
• كل مفتاح وقيمة يجب أن تكون من نوع string فقط.
• لا تستخدمه لتخزين معلومات حساسة لأنه مرئي من خلال أدوات المتصفح.