يمكن لعرض تاريخ آخر تعديل لصفحة ويب أن يوفر سياقًا قيّمًا للمستخدمين. توفر خاصية document.lastModified في جافاسكريبت طريقة ملائمة لتحقيق ذلك، لكن مخرجاتها الخام تحتاج إلى تنقيح لتحقيق تجربة مستخدم مثالية.
فهم document.lastModified
تعيد خاصية document.lastModified سلسلة تمثل تاريخ ووقت آخر تعديل للمستند HTML. عادةً ما يكون التنسيق “YYYY-MM-DD HH:MM:SS GMT”. وبالرغم من سهولة الوصول إليها، فإن استخدام هذه السلسلة مباشرةً في مربع تنبيه ليس مثاليًا؛ فالنمط تقني إلى حد ما وليس من السهل فهمه من قبل جميع المستخدمين.
تحسين العرض باستخدام تنسيق التاريخ
لإضفاء المزيد من الوضوح، يجب تحويل سلسلة document.lastModified إلى كائن Date في جافاسكريبت. يسمح لنا هذا باستخدام طرق مثل toLocaleDateString() و toLocaleTimeString() للتنسيق حسب المنطقة اللغوية. يضمن هذا عرض التاريخ والوقت بتنسيق مألوف للمستخدم، بغض النظر عن موقعه الجغرافي أو إعدادات المتصفح.
const lastModifiedDate = new Date(document.lastModified);
const options = { year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZoneName: 'short' };
const formattedDate = lastModifiedDate.toLocaleDateString(undefined, options);
const displayElement = document.getElementById('lastModified'); // نفترض وجود عنصر برقم معرف "lastModified"
if (displayElement) {
displayElement.textContent = `آخر تعديل: ${formattedDate}`;
} else {
console.error("لم يتم العثور على عنصر برقم معرف 'lastModified'.");
}
إن هذه الشفرة المحسّنة تُنشئ كائن Date، ثم تستخدم toLocaleDateString مع خيارات للتنسيق التفصيلي. وهي تتجنب التنبيهات، وبدلاً من ذلك تقوم بتحديث عنصر محدد في الصفحة (استبدل document.getElementById('lastModified') بطريقة العرض المطلوبة). هذا النهج أكثر ملاءمة للمستخدم ويتجنب مربعات التنبيه المُزعجة. للحصول على تحكم أكثر دقة في تنسيق التاريخ والوقت، ضع في اعتبارك استخدام مكتبة مخصصة مثل Moment.js أو date-fns.
معالجة المشاكل المحتملة
من المهم فهم أن دقة document.lastModified تعتمد على تهيئة الخادم. يجب مزامنة ساعة الخادم بدقة للحصول على نتائج موثوقة. في الحالات التي تكون فيها ساعة الخادم غير دقيقة، أو إذا تم تقديم المستند من ذاكرة تخزين مؤقتة، فقد لا يعكس التاريخ المعروض أحدث التعديلات. ضع دائمًا في اعتبارك إضافة تنويه لإدارة توقعات المستخدم.
الخلاصة
يعزز عرض تاريخ آخر تعديل بشكل فعال تجربة المستخدم من خلال توفير الشفافية والسياق. بالتحرك إلى ما هو أبعد من التنبيهات البسيطة واستخدام تنسيق التاريخ المناسب، يمكننا إنشاء عرض واضح وغني بالمعلومات يحترم تفضيلات المستخدم ويعترف بالقيود المحتملة في مصدر البيانات.
جدول المحتويات