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

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

استخدام navigator.onLine ​

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

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

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

مراقبة تغييرات الاتصال ​

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

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

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

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

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

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