جافاسكربتمعلومات المتصفح

// version في متغير إسمه version يساوي id هنا قمنا بتخزين العنصر الذي يملك
var version = document.getElementById('version');

// version هنا قمنا بعرض إسم إصدار المتصفح في العنصر الذي يمثله المتغير
version.innerHTML = 'Browser version: ' + navigator.appVersion;

// platform في متغير إسمه platform يساوي id هنا قمنا بتخزين العنصر الذي يملك
var platform = document.getElementById('platform');

// platform هنا قمنا بعرض إسم نظام التشغيل الخاص بالمستخدم في العنصر الذي يمثله المتغير
platform.innerHTML = 'Operating system: ' + navigator.platform;

// language في متغير إسمه language يساوي id هنا قمنا بتخزين العنصر الذي يملك
var language = document.getElementById('language');

// language هنا قمنا بعرض لغة المتصفح في العنصر الذي يمثله المتغير
language.innerHTML = 'Browser language: ' + navigator.language;

// cookieStatus في متغير إسمه cookieStatus يساوي id هنا قمنا بتخزين العنصر الذي يملك
var cookieStatus = document.getElementById('cookieStatus');

// cookieStatus هنا قمنا بعرض ما إن كان المتصفح يسمح بتخزين الكوكيز أم لا في العنصر الذي يمثله المتغير
cookieStatus.innerHTML = 'Are cookies allowed: ' + navigator.cookieEnabled;

// internetStatus في متغير إسمه internetStatus يساوي id هنا قمنا بتخزين العنصر الذي يملك
var internetStatus = document.getElementById('internetStatus');

// internetStatus هنا قمنا بعرض ما إن كان المتصفح متصل بالنت أم لا في العنصر الذي يمثله المتغير
internetStatus.innerHTML = 'Is browser connected to the internet: ' + navigator.onLine;

// يمكن استخدامها لطباعة حالة الإتصال بالنت updateConnectionStatus هنا قمنا بتعريف دالة إسمها
function updateConnectionStatus() {
    // لأننا سنعرض حالة النت فيه internetStatus يساوي id هنا قمنا بتخزين العنصر الذي يملك
    var internetStatus = document.getElementById('internetStatus');

    // لإعلام المستخدم internetStatus حين يكون المتصفح متصل بالنت سيتم تحديث نص العنصر
    // حتى يظهر باللون الأخضر online أنه متصل بالنت مع جعل العنصر يستخدم الكلاس 
    if (navigator.onLine) {
        internetStatus.innerHTML = 'You are online.';
        internetStatus.className = 'online';
    }
    // لإعلام المستخدم internetStatus حين يكون المتصفح متصل بالنت سيتم تحديث نص العنصر
    // حتى يظهر باللون الأحمر offline أنه غير متصل بالنت مع جعل العنصر يستخدم الكلاس 
    else {
        internetStatus.innerHTML = 'You are offline.';
        internetStatus.className = 'offline';
    }
}

// لطباعة حالة النت عندما تفتح الصفحة load هنا قمنا بإضافة الحدث
window.addEventListener('load', updateConnectionStatus);

// لمراقبة متى يكون جهاز المستخدم متصل بالنت online هنا قمنا بإضافة الحدث
window.addEventListener('online', updateConnectionStatus);

// لمراقبة متى يكون جهاز المستخدم غير متصل بالنت offline هنا قمنا بإضافة الحدث
window.addEventListener('offline', updateConnectionStatus);