معرفة اتصال الإنترنت بالمستخدم بجافا سكريبت

في كتير من المشاريع أو المواقع، بيكون مهم جدًا إنك تعرف إذا كان المستخدم متصل بالإنترنت أو لا. 🔍
باستخدام JavaScript، الموضوع سهل وبسيط من غير أي مكتبات خارجية.

1️⃣ استخدام navigator.onLine 🟢🔴​

الميزة الأساسية اللي هتساعدك تعرف حالة الاتصال هي:

if (navigator.onLine) {
    console.log("المستخدم متصل بالإنترنت ✅");
} else {
    console.log("المستخدم غير متصل بالإنترنت ❌");
    }

• true ➡️ المستخدم متصل بالإنترنت
• false ➡️ المستخدم غير متصل

2️⃣ مراقبة تغييرات الاتصال 🔄​

ممكن كمان تعرف لو المستخدم فقد الاتصال أو اتصل بالإنترنت أثناء استخدام الموقع باستخدام أحداث Online و Offline:

window.addEventListener('online', () => {
    console.log("المستخدم عاد للاتصال بالإنترنت 🌐✅");
});

window.addEventListener('offline', () => {
    console.log("المستخدم فقد الاتصال بالإنترنت ⚡❌");
});

• online ➡️ حدث بيشتغل لما يرجع الاتصال
• offline ➡️ حدث بيشتغل لما يفقد الاتصال

💡 باستخدام navigator.onLine وأحداث Online/Offline، هتقدر تعرف حالة الإنترنت للمستخدم بشكل مباشر وتتعامل مع فقد الاتصال أو عودته بسهولة في تطبيقك أو موقعك. 🚀

👆 أضغط على الصورة لمشاهدة الفيديو 👆