أصبح الوصول غير المتصلة بالإنترنت مهمًا بشكل متزايد للتطبيقات المستندة إلى الويب. على الرغم من أن جميع المتصفحات لديها آليات التخزين المؤقت ، إلا أنها غير موثوقة وقد لا تلعب دائمًا الدور المتوقع. يستخدم HTML5 واجهة ApplicationCache لحل بعض المشكلات الناجمة عن الاستخدام غير المتصلة بالإنترنت.
فيما يلي المحتوى ذي الصلة يشرح التطبيق والرمز الحالات العملية لملفات ذاكرة التخزين المؤقت HTML5 دون اتصال بالإنترنت. يتحدث البرنامج التعليمي بشكل أساسي عن بعض التقنيات والمعرفة المتعلقة ببيان ذاكرة التخزين المؤقت HTML5 في وضع عدم الاتصال. لمزيد من المحتوى ، نرحب بك لزيارة http://www.vevb.com للحصول على المزيد من البرامج التعليمية. ما يلي هو شرح البرنامج التعليمي:
ما هو البيان؟ البيان هو ملف مع اسم لاحقة Minifest. يحدد الملفات التي تحتاج إلى تخزين مؤقت في الملف. سيحفظ المتصفح الذي يدعم البيان الملف محليًا وفقًا لقواعد ملف البيان ، بحيث يمكن الوصول إلى الصفحة دون روابط الشبكة.
أصبح الوصول غير المتصلة بالإنترنت مهمًا بشكل متزايد للتطبيقات المستندة إلى الويب. على الرغم من أن جميع المتصفحات لديها آليات التخزين المؤقت ، إلا أنها غير موثوقة وقد لا تلعب دائمًا الدور المتوقع. يستخدم HTML5 واجهة ApplicationCache لحل بعض المشكلات الناجمة عن الاستخدام غير المتصلة بالإنترنت.
يمكن أن يؤدي استخدام واجهة ذاكرة التخزين المؤقت إلى إحضار الفوائد الثلاثة التالية إلى تطبيقك:
التصفح غير المتصل - يمكن للمستخدمين تصفح موقع الويب الكامل الخاص بك أثناء عدم الاتصال بالإنترنت
السرعة- المورد المخبوق هو مورد محلي ، بحيث يتم تحميله بشكل أسرع.
تحميل الخادم أقل - يقوم المتصفح بتنزيل الموارد فقط من الخادم الذي تغير.
يتيح App Cache (المعروف أيضًا باسم AppCache) للمطورين تحديد الملفات التي يجب على المتصفح ذاكرة التخزين المؤقت للمستخدمين غير المتصل بالوصول. سيتم تحميل تطبيقك وتشغيله بشكل طبيعي حتى إذا ضغط المستخدم على زر التحديث عند الاتصال بالإنترنت.
ملف بيان مرجعلتمكين التخزين المؤقت للتطبيق للتطبيق ، أضف سمة البيان في علامة HTML الخاصة بالوثيقة:
يمكن أن تشير خاصية البيان إلى عنوان URL المطلق أو المسار النسبي ، ولكن يجب أن يكون عنوان URL المطلق هو نفسه تطبيق الشبكة المقابل. يمكن أن يستخدم ملف البيان أي تمديد ملف ، ولكن يجب توفيره بنوع MIME الصحيح (انظر أدناه).
<html missest =/cache.manifest> ... </html> أو <html manceest = http: //www.example.com/example.mf> ... </html>
يجب عليك إضافة خاصية البيان على كل صفحة من تطبيقات الويب التي تريد ذاكرة التخزين المؤقت. إذا لم تحتوي الصفحة على السمة البيض ، فلن يقوم المتصفح بتخزين الصفحة (ما لم يتم سرده بشكل صريح في ملف البيان).
هذا يعني أنه سيتم إضافة كل صفحة ويب يتصفحها المستخدم مع البيان ضمنيًا إلى ذاكرة التخزين المؤقت للتطبيق. لذلك ، لا تحتاج إلى سرد كل صفحة في القائمة.
يجب توفير ملف البيان في نوع MIME TEXT/CACHE-Manifest. يمكن تخصيص اسم لاحقة الملف (الموصى به كـ .manifest) لذلك نحتاج إلى إعلان نوع الملف .manifest .
مع أخذ Apache كمثال ، نحتاج إلى إضافة: AddType text/cache-manifest .manifest
تنسيق القائمة البسيطة على النحو التالي:
cache manesestIndex.htmlstylesheet.cssimages/logo.pngscripts/main.js
يقوم هذا المثال بتخزين أربعة ملفات على صفحة الويب التي تحدد هذا الملف البيان.
النقاط التالية التي تحتاج إلى الانتباه إلى:
يجب أن تكون سلسلة ذاكرة التخزين المؤقت على السطر الأول وهي ضرورية.
يجب ألا تتجاوز كمية البيانات المخزولة على الموقع 5 ميغابايت. ومع ذلك ، إذا كنت تكتب تطبيقًا لمتجر ويب Chrome ، فيمكنك استخدام UnlimitedStorage لإجراء قيود غير محدودة.
إذا كان لا يمكن تنزيل ملف البيان أو المورد المحدد فيه ، فلا يمكن تنفيذ عملية تحديث ذاكرة التخزين المؤقت بالكامل. في هذه الحالة ، سيستمر المتصفح في استخدام ذاكرة التخزين المؤقت للتطبيق الأصلي.
لنلقي نظرة على أمثلة أكثر تعقيدًا:
بيان ذاكرة التخزين المؤقت# 2010-06-18: v2# مخزنة صراحة 'إدخالات رئيسية'. سيتم تقديم static.html إذا كان من الممكن تقديمه لـ Main.py# غير متصل.
الخطوط التي تبدأ بـ # هي خطوط التعليقات ، ولكن يمكن استخدامها لأغراض أخرى أيضًا. على سبيل المثال ، قم بتحديث ذاكرة التخزين المؤقت
يتم تحديث ذاكرة التخزين المؤقت للتطبيق فقط إذا تغير ملفه البيان. على سبيل المثال ، إذا قمت بتعديل مورد الصورة أو غيرت وظيفة JavaScript ، فإن هذه التغييرات لا يتم إعادة تأجيلها. يجب عليك تعديل ملف البيان نفسه لجعل المتصفح تحديث الملف المخزونات. قم بإنشاء خطوط تعليق مع أرقام إصدار تم إنشاؤها أو قيم تجزئة الملفات أو الطابع الزمني للتأكد من أن المستخدمين يحصلون على أحدث إصدار من البرنامج الخاص بك.
يمكنك أيضًا تحديث ذاكرة التخزين المؤقت برنامجياً بعد ظهور إصدار جديد ، كما هو موضح في قسم تحديث ذاكرة التخزين المؤقت.
إذا قدمت الصفحة ملفًا بيان ذاكرة التخزين المؤقت ، فيجب أن يحتوي ملف البيان على جميع الملفات (CSS ، JS ، Image ...) المطلوبة بواسطة الصفحة الحالية ، وإلا فلن يتم تحميله. لذلك ، إذا قمت بإزالة الملفات الثابتة التي يجب تخزينها مؤقتًا ، فمن المستحسن إضافة علامة نجمية* إلى عنصر الشبكة في الملف للإشارة إلى جميع الملفات الأخرى.
يمكن أن تتضمن القائمة ثلاثة أجزاء مختلفة: ذاكرة التخزين المؤقت والشبكة والتراجع.
مخبأ:هذا هو الجزء الافتراضي من الإدخال. يتم تخزين الملفات المذكورة تحت هذا الرأس بشكل صريح لأول مرة (أو الملفات مباشرة بعد بيان ذاكرة التخزين المؤقت).
شبكة:الملفات المدرجة بموجب هذا القسم هي موارد ذات قائمة بيضاء تحتاج إلى توصيلها بالخادم. جميع طلبات هذه الموارد تتجاوز ذاكرة التخزين المؤقت بغض النظر عما إذا كان المستخدم غير متصل أم لا. يمكن استخدام البطاقات البرية.
احتياطي:هذا القسم اختياري ويستخدم لتحديد صفحة الاحتياط عندما لا يمكن الوصول إلى المورد. يمثل URI الأول المورد والثاني يمثل صفحة الويب الاحتياطية.
نهاية. تم الانتهاء من البرنامج التعليمي هنا. هل اكتسبت شيئًا من القراءة؟ يوفر هذا الموقع أيضًا محتوى ذاكرة التخزين المؤقت HTML5 في وضع غير متصل بالإنترنت ، مرحبًا بك لمواصلة القراءة.