مقالة مقدمة من wulin.com (www.vevb.com): html5 وصف التطبيق في وضع عدم الاتصال ، لن أقول الكثير هنا. الرجاء جوجل أو بايدو. تهدف هذه المقالة إلى تقديم كيفية تحقيق تطوير التطبيق في وضع عدم الاتصال
لن أتحدث عن إرشادات التطبيق غير المتصل هنا. الرجاء جوجل أو بايدو. تهدف هذه المقالة إلى تقديم كيفية تحقيق تطوير التطبيق في وضع عدم الاتصال ؛
الخطوة 1: إنشاء ملف واضح وحدد بيان ملف ذاكرة التخزين المؤقت ؛يمكنك أولاً إنشاء ملف جديد مع لاحقة TXT Text Format ، ويجب كتابة السطر الأول إلى بيان ذاكرة التخزين المؤقت ؛
يكتب السطر الثاني اختياريًا وصفًا للتعليق #version 1.0 ، ويبدأ التعليق بـ #، مما يعني تحديد رقم الإصدار ؛
يبدأ السطر الثالث بمسار ملف بالنسبة إلى دليل الملفات الحالي ، مثل:
ثابت/img/logo.png
ثابت/css/style.css
يتم كتابة ملف البيان الأساسي ، ويتم تغيير لاحقة هذا الملف إلى. يظهر؛
الخطوة 2: في ملف HTML ، حدد الخاصية الوثيقة الواضحة كمسار ل cache.mnifest ملف ؛<html mayest = cachedata.manifest>
بعد إضافة سمة البيان ، قم بتحميل الصفحة ، وسيتم تخزين الملفات الموجودة في ملف تكوين ذاكرة التخزين المؤقت في وضع عدم الاتصال بالإنترنت ولن تتم قراءتها من الخادم عند تحديثها مرة أخرى ؛
الخطوة 3: تحديث ذاكرة التخزين المؤقت من خلال واجهة API ؛استخدم JS للحصول على كائنات ذاكرة التخزين المؤقت في وضع عدم الاتصال من خلال window.applicationCache ، واستدعاء طريقة التحديث: window.applicationCache.update () للاتصال بتنزيل ملف ذاكرة التخزين المؤقت الحالي. بعد الانتهاء من التنزيل ، سيتم تشغيل الحدث المحدث لكائن ذاكرة التخزين المؤقت في وضع عدم الاتصال. قم بتنفيذ طريقة swapcache لمسح ذاكرة التخزين المؤقت: window.applicationCache.swapcache (). لن يتسبب هذا في إعادة تحميل الموارد التي تم تحميلها مسبقًا بشكل مفاجئ ، ولكن الموارد التي أصدرت صفحة الطلب بعد ذلك هي الأحدث ؛
من خلال الخطوات الثلاث المذكورة أعلاه ، يمكنك إدراك تطبيق HTML5 دون اتصال.